DEV Community

Imam Ali Mustofa
Imam Ali Mustofa

Posted on

#GitHubHack23 : Introduction Metaphore Stories

What I built

Public Collections of Metaphore our Freestyler accross the world. Gain knowledge with unusual perspective from our Punk members.

Category Submission:

DIY Deployments: Improve the deployment process for open source projects.

Guidance: Build automation workflows for DevOps processes using Codespaces or Actions! This could include automated testing, custom deployment scripts, or continuous integration/continuous deployment (CI/CD) pipelines.

App Link

https://metaphore.vercel.app/

Screenshots

The Homepage of Our Metaphore Website

Description

Story as Code. Public Collections of Metaphore our Freestyler accross the world. Gain knowledge with unusual perspective from our Punk members.

Every Punk can make any contributions to share your styles and unsual code snippet metaphor that belived it's something wrong different in traditional theory or usual business, but it's work! That our Punk Freestyle Engineer. Welcome to the Street Community Programmer.

We know that programming is more than just code. It's an art form, and like all art, it's open to interpretation. That's why we've created a space for metaphor stories in each programming language. Each story is a unique interpretation of programming in a particular language, and it's a great way to expand your thinking and learn new skills. Whether you're a seasoned programmer or just starting, our stories will inspire and challenge you to think outside the box.

Link to Source Code

GitHub logo StreetCommunityProgrammer / metaphore

Story as Code. Public Collections of Metaphore our Freestyler accross the world. Gain knowledge with unusual perspective from our Punk members.

Metaphore

Public Collections of Metaphore our Freestylers accross the world. Gain knowledge with unusual perspective from our Punk members.

Every Punk can make contributions to share their styles and unusual code snippet that are believed to be different from traditional theory or usual business, but they work! That's our Punk Freestyle Engineer. Welcome to the Street Community Programmer

See it in action!


﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌

How it's work?

⍿ We use GitHub issues templates to create a new metaphore.

⍿ Once the metaphore is accepted, we use GitHub Action to generate a markdown file that contains the metaphore.

⍿ The website vercel build is triggered and updated automatically.

⍿ Your metaphore is now live online!

[ I have a story to list ]


Metaphor Story - Structure

Our Metaphor Story has several components that aim to provide context and explanation for the submitted metaphor.

Story Title (Required)

The first…

Permissive License

MIT LICENSE

Background

As a group of programmers who are all about breaking boundaries, challenging conventional theories, and creating code that's off the chain, we noticed that there was a lack of platforms where programmers can share their unique styles and unconventional approaches to coding. We wanted to create a community where members can freely express their creativity and share their knowledge with others. Thus, the Street Community Programmer was born.

Our goal is to provide a platform for programmers to showcase their unconventional methods and perspectives through code snippets and metaphors. We believe that this will not only provide valuable insights for fellow programmers, but also encourage creativity and innovation in the tech industry.

We are inspired by the idea that the best solutions often come from unconventional approaches. We believe that every programmer has their own unique style and perspective, and that by sharing these with others, we can all learn and grow together. With the Street Community Programmer, we hope to create a space where the tech community can come together and push the boundaries of what is possible.

How We built it

Metaphore is built using Next.JS, a React-based web development framework, and is hosted on Vercel, a cloud platform for serverless deployment. To automate the process of adding new metaphors, we also used GitHub Actions, a feature of GitHub that allows us to automate workflows directly from our GitHub repository.

To ensure consistency in the types of metaphors submitted and to make the submission process easier for users, we also created a GitHub Issue template that guides users through the submission process. This template includes fields for the story title, back story, full story, demo link (optional), and donation link (optional).

Once a user submits a metaphor through the GitHub Issue template, our team reviews it before closing the issue. Once the issue is closed, our GitHub Action is triggered, which automatically publishes the metaphor to the Metaphore website.

We also made use of GitHub's reaction feature, which allows users to react to existing metaphors with emojis. This helps surface the best metaphors for everyone to see.

Overall, Metaphore was built with a focus on community-driven development and easy submission processes, making it accessible to anyone who wants to share their software metaphors.

Additional Resources/Info

The Authors


Top comments (0)