- Sign up to hacktoberfest
- Have python and pip installed on your system
As the first step, you have to fork
this repository to your own github account.
For that please click on the fork button on the top right corner of your window.
You will now have the forked repository among your own repositories.
Clone the repository to your local machine using the git command.
git clone <url_to_forked_repository>
This will change the working directory to the newly cloned repository.
cd HACKTOBER-FIESTA21/
Use pip to install flask.
pip install flask
The application can be run using the command. The application will be running at localhost:5000
by default.
python app.py
Open the file &namelist.html within templates folder, where the names of all the participants seen on the homepage of the website is given. Copy the relevant section of code as shown below and insert another record with your own details.
<a class="participant" href="/<github-username>">
<div>
<div class="name"> <your name> </div>
<div class="college"> <your college> </div>
</div>
</a>
You can check your change using the following command
git status
this command will show you the changes that you have made and left untracked, you have to add these changes to the staging area.
Now, you should add it to the staging area using the following command.
git add .
.
specifies to add all the chnges to the staging area.
Now that the changes are tracked or added to the staging area you should make a commit regarding that particular change using the following command in the terminal.
git commit -m "<commit message>"
The commit message
message should specify what is the change made for, it will result in well documentation of the project
Now that you have commited your changes you should push the changes to the remote git repository for that you can use the following command, given below
git push -u origin main
This will automatically push your commit to the remote repository, it may ask your password / passphrase for authentication.
- Push your changes to the github repository.
- Go To Pull requests tab on github
- Click on
New Pull Request
button. - Make sure that head repository is your repository
- Make sure it is showing green tick mark
- Press on
Create Pull Request
Button - Add necessary title and description
- Hit
Create Pull Request
Button
- Within templates folder create a copy of sample.html and change the name to
<your_github_username>.html
If your username isabc
then change the new file's name toabc.html
. - Going to the url
localhost:5000/<github-username>
will now give you the sample card. - Make another pull request using the above given steps.
- Within static folder, create a copy of "sample" folder and modify its name to your "github-username"
- Within this newly created folder replace existing image with your own image.
- Open the earlier created html file in a text editor of your choice. Change the name inside
<title>
tag.
- Now, replace the path to the css file with the path to the css file in your newly created folder in static.
- Modify the src attribute of the image with the path to where your image was added.
- Edit Your name and college name in the same html file.
- Opening
localhost:5000/<github-username>
will now show the modified card with your details and image. - Make your next pull request.
- You can change the css file within the your newly created folder in static. New CSS styles or even animations can be included.
- The dimensions of the card must remain the same.
- Copying another participants code is strictly prohibited.
- Once the design is ready, make your final pull request. This will make you eligible to receive Hacktoberfest goodies.
- The best card will be selected as part of our event and he/she stands a chance to win exciting prizes.