dev-AshishRanjan / Hacktoberfest-Frontend

Make your Pull Request for Hacktoberfest 2023 in the Web domain specially Frontend. And give this repo a ⭐

---

Frontend Database

Hacktoberfest has came with it's 10 season to promote Open-Source Contribution.
This is a Database for Frontend Projects created using : HTML, CSS, JS
After Learning how to contribute using this repo, go to our real world project Idea-Arca. It's also up for Hacktoberfest.

Tech Stack

To Do

These are the changes you can make.
Steps to contribute to this project:

1.ADD your Project files of HTML,CSS,JS in ./projects/ directory

• You have to add your own files first in ./projects/
  Your project has to be a project of HTML+CSS+JS, where js is not mandatory. Or all 3 files can be merged in index.html also.

• You can see this project for reference : ./projects/Example-Project.

  2.ADD your information in ./contribution/ProjectList.json file

• Copy-paste this below code and modify it with your own details

  {
    "Name": "Example Project",
    "Author": "dev-AshishRanjan",
    "tags": ["html", "css", "js"],
    "Github": "https://github.com/dev-AshishRanjan",
    "FilePath": "../projects/Example-Project/index.html",
    "Description": "Small And Breif description is needed which explains your project."
  }

• Note :

  • Name : Project's Name
  • Author : Your Name
  • Tags : can be any tag
  • Github : Your Github Profile link
  • FilePath : The relative path for your project's index.html file
  • Description : A breif description of your project

Process of Contribution

1.Fork : Fork this GitHub Repo to your own github account 2.Clone : Clone the forked repo (the repo present on your account) to your local machine. Don't forget to add your username.

git clone https://github.com/[username]/Hacktoberfest-Frontend.git

2.Get in the Hacktoberfest-Frontend folder.

cd Hacktoberfest-Frontend

3.Create a new Branch

git checkout -b my-new-branch

4.Changes : Create a new branch and commit your changes on that branch. Follow the How to contribute

5.ADD and COMMIT

• Add your changes

git add .

• Commit your changes.

git commit -m "Relevant message"

6.Push : After all changes are commited, push your changes to your remote repo.

git push origin my-new-branch

7.PR : After pushing changes, raise a PR from your remote repo to this repo's dev branch

If you are new to git and github, I will suggest you first go through this :

1. YT video (Recommended) : https://www.youtube.com/watch?v=RGOj5yH7evk&pp=ygUOZ2l0IGFuZCBnaXRodWI%3D
2. Docs : https://hacktoberfest.com/participation/#beginner-resources

If you are new to open-source, then you can go through : https://www.youtube.com/watch?v=yzeVMecydCE

---

Avoid Conflicts : Syncing your fork

An easy way to avoid conflicts is to add an 'upstream' for your git repo, as other PR's may be merged while you're working on your branch/fork.

git remote add upstream https://github.com/dev-AshishRanjan/Hacktoberfest-Frontend

You can verify that the new remote has been added by typing

git remote -v

To pull any new changes from your parent repo simply run

git merge upstream/dev