#GitHubHack23 : Introduction Metaphore Stories
Tags: githubhack23
Published: 2023-04-26 09:22:11

## 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/327lu1ts4zb5kwbl1ru5.png)

### 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](https://github.com/StreetCommunityProgrammer).

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 https://github.com/StreetCommunityProgrammer/metaphore %}

### Permissive License

[MIT LICENSE](https://github.com/StreetCommunityProgrammer/metaphore/blob/main/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](https://nextjs.org/), a React-based web development framework, and is hosted on [Vercel](https://vercel.com/), a cloud platform for serverless deployment. To automate the process of adding new metaphors, we also used [GitHub Actions](https://github.com/features/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](https://docs.github.com/en/enterprise-server@3.5/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository) 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

- [OG:IMAGE REST Generator](https://github.com/darkterminal/og-image-rest-generator)

## The Authors
{% embed https://dev.to/darkterminal %}
{% embed https://dev.to/mkubdev %}