Will Add some cool templates in it.
To work on an open-source project, you will first need to make your copy of the repository. To do this, you should fork the repository and then clone it so that you have a local working copy.
Get your own Fork/Copy of repository by clicking Fork
button right upper corner.
After the repository is forked, you can now clone it so that you have a local working copy of the codebase.
To make your local copy of the repository follow the steps:
$ git clone https://github.com/<your-github-username>/Cool-Front-End-Templates
This is one of the very important step that you should follow to contribute to Open Source. A branch helps to manage the workflow, isolate your code and does not create a mess. To create a new branch:
$ git branch <name_of_branch>
$ git checkout -b <name_of_branch>
Keep your cloned repo up-to date by pulling from upstream (this will also avoid any merge conflicts while committing new changes)
git pull origin main
Make relevant changes according to the issue that you were assigned on. Contribute in any way you feel like :)
Once you have modified an existing file or added a new file to the project, you can add it to your local repository, which we can do with the git add command.
git add .
With our file staged, we’ll want to record the changes that we made to the repository with the git commit command.
The commit message is an important aspect of your code contribution; it helps the other contributors fully understand the change you have made, why you made it, and how significant it is.
git commit -m "useful commit message"
At this point you can use the git push command to push the changes to the current branch of your forked repository:
git push origin <branch-name>
Now, you are ready to make a pull request to the original repository.
You should navigate to your forked repository, and press the "Compare & pull request" button on the page.
GitHub will alert you that you can merge the two branches because there is no competing code. You should add in a title, a comment, and then press the “Create pull request” button.
Create a folder with the name of your frontend template
Start building inside your folder with an entry file called index.html and after building, attach an image named "preview.png" within the folder root which represents the preview image of your template
Go into the style_link.json file and add an object corresponding to your project in the following format:
{
"name": "Name-of-folder-in-exact-case-used-in-naming",
"link": "Name-of-folder-in-exact-case-used-in-naming/index.html"
},
#### Important to note:
If the folder name has white spaces e.g "My Project", the object should be:
{
"name": "My Project", (not "my project" or "My project" or "My-project")
"link": "My%20Project/index.html" (not "My Project/index.html" or "My project/index.html"
},
#### Note: The name key is case sensitive and the link key is white space sensitive in the json object so if you have white spaces in the initial name of your folder, replace space with "%20" in the json link but if there are no white spaces like in the case of "ABlogPage" or "Form", use the exact name of the project
If the folder name has no white spaces e.g "My-project", the object should be:
{
"name": "My-project", (not "my-project" or "My-Project" or "My Project")
"link": "My-project/index.html" (not "My%20project/index.html" or "My-Project/index.html")
},
## 📌Till Then
### Need Some Help in this Repo -> [Web Development And Resources](https://github.com/arpit456jain/Web-Development-Path-And-Resources)
<p align="center"><img src="https://www.gurpreetsaluja.com/wp-content/uploads/2016/05/always-keep-learning.png" width=100%></p>
<hr>
### This project was a part of the following Open Source Program
<a href="https://gssoc.girlscript.tech/" target="_blank">
<img alt="Gssoc'2022" width=100% src="https://i.postimg.cc/k40ntsV4/1500x500.jpg">
</a>
<a href="https://in.linkedin.com/company/devincept"><img alt="Devincept" title="Devincept" width=100% src="https://user-images.githubusercontent.com/56088741/123548852-1ef59d00-d784-11eb-8e39-255e0c3e97d5.gif"></a>
<hr>
<h1 align=center> Project Admins ❤️ </h1>
<p align="center">
<table>
<tbody><tr>
<td align="center"><a href="https://github.com/arpit456jain"><img alt="" src="https://avatars.githubusercontent.com/arpit456jain" width="100px;"><br><sub><b> Arpit Jain </b></sub></a><br></td> </a>
</tbody></table>
<h2 align=center> ✨ Contributors </h2>
Thanks go to these **Wonderful People** 👨🏻💻: 🚀 **Contributions** of any kind are welcome!
<table>
<tr>
<td>
<a href="https://github.com/arpit456jain/Cool-Front-End_Templates/graphs/contributors">
<img src="https://contributors-img.web.app/image?repo=arpit456jain/cool-front-end_templates" />
</a>
</td>
</tr>
</table>
<hr>
<h1 align=center>Happy Coding 👨💻 </h1>
## 💬Join Our CodeSmashers Community
Join - https://discord.gg/gtYUZQSjTt
Show some ❤️ by giving the star to this repo