Git Product home page Git Product logo

hacktoberfest-frontend's Introduction

Hacktoberfest-Frontend

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit

GitHub repo size

Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests


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

HTML CSS JavaScript

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.

git clone https://github.com/dev-AshishRanjan/Hacktoberfest-Frontend.git

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

hacktoberfest-frontend's People

Contributors

dev-ashishranjan avatar eniolaademola avatar mefisto04 avatar vishal2002 avatar ro78ldt avatar chinmayee7697 avatar kshitizvardhan avatar aaryash-shakya avatar sonal144 avatar vishal35679 avatar saty-a avatar krishna050702 avatar faithnjah avatar pandeydhruv2001 avatar debarjunchakraborty avatar avibtb avatar akanshbende avatar anikettewari avatar ejay02 avatar imgbotapp avatar susanhsrestha avatar thalmonn avatar shu4bham avatar dhruvpal05 avatar yash19sinha avatar s-bhalode avatar akshitas10 avatar hardikpanwar avatar oyejateen avatar mandeep-009 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.