[![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat) ![Visitors](https://api.visitorbadge.io/api/visitors?path=dev-AshishRanjan%2FHacktoberfest-Frontend%20&countColor=%23263759&style=flat) ![GitHub forks](https://img.shields.io/github/forks/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub Repo stars](https://img.shields.io/github/stars/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub contributors](https://img.shields.io/github/contributors/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub last commit](https://img.shields.io/github/last-commit/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub repo size](https://img.shields.io/github/repo-size/dev-AshishRanjan/Hacktoberfest-Frontend) ![Github](https://img.shields.io/github/license/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub issues](https://img.shields.io/github/issues/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub pull requests](https://img.shields.io/github/issues-pr/dev-AshishRanjan/Hacktoberfest-Frontend) ![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/dev-AshishRanjan/Hacktoberfest-Frontend)
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.
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 :
index.html
file1.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
git add .
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 :
- YT video (Recommended) : https://www.youtube.com/watch?v=RGOj5yH7evk&pp=ygUOZ2l0IGFuZCBnaXRodWI%3D
- 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
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