We are celebrating Hacktoberfest 2022 with the project where everyone can share a their favourite programming and IT memes.
- Only IT or programming related memes will be accepted
It is a basic React application that listing HTML sections. Do not worry if you are not familiar with React, you only need to modify a <section>
which detailed below.
-
Fork this repo to your Github account
-
Clone your fork to your computer
-
Set remote stream with the original repo to keep updated
git remote add upstream https://github.com/ProjectDock/programming-memes.git
git pull upstream main
-
Create a branch with your Github username
-
Run
yarn install
in your local repo -
Create a folder with your Github username in
src/MEMES/images/
directory -
Copy your meme into
src/MEMES/images/<your_name>
folder -
Go to the
MEMES
folder and openMEMES.js
-
Copy the last
<section>
paste it after it and modify with the path of your meme, name and Github account link:<section> {/* Path to your meme below !Modify only the string! */} <img src={require('./images/YOUR_NAME/YOUR_MEME.jpg')}/> <div className="memes--details"> {/* Your name below */} <p>YOUR_NAME</p> {/* Your github link below */} <a href="YOUR_GITHUB_ACCOUNT" target="_blank" rel="noopener noreferrer" > <div className="memes--github" /> </a> </div> </section>
-
Run
yarn start
to see your changes atlocalhost:3000
in your browser -
Commit and push the code to your fork
-
Create a pull request to the original repo
Congratulations! You are now one step closer to getting the Hacktoberfest 2022 swags. You can check your progress at https://hacktoberfest.com/profile/ .
Make sure you own the rights of the uploaded meme