Skip to content

malay5/Awesome-JavaScript-Projects

 
 

Repository files navigation

Awesome JavaScript Projects

Update:

I have launch free mentorship for frontend developer. If you want to learn frontend development, build real world projects, and get jobs in frontend development. So should definetly check out this free mentorship program.

Frontend Developer Mentorship

More Details About Mentorship

Are you a Newbie in Web development and want to dive deep into Javascript? Do checkout this video to learn JS Basics first

JavaScript Tutorial For Beginners

Are you looking for some awesome Javascript Projects in which each and every project will teach you an important Javascript Concept? Let's Learn JS DOM Now

JavaScript Tutorial For Beginners

Do you want to contribute to some Awesome Javascript projects and showcase your Javascript skills through it?🤩

Then, You got here right!!

Awesome Javscript Projects Website contain many awesome Vanilla Javascript Projects in which each and every project will teach you some new and important javscript concepts. It includes concepts like Functional Components, Class Components, Math Objects, Arrow functions, APIs and many more.

The Main Motive of this project is to make you fall❌ rise ✅ in love with Javascript. You will be in love with the beauty of Javascript.

What we have for you here?

So, What are you waiting for?

Resources:

  1. Frontend Development Essential Course
  2. HTML Crash Course - From Beginner to Pro in 40 minutes
  3. CSS Crash Course: Learn CSS in 60 minutes
  4. Learn Flexbox in 25 minutes - The Complete Crash Course
  5. Learn CSS Grid in 35 minutes: The Ultimate Crash Course for Beginners
  6. Learn Git and GitHub basics for Open Source Contribution
  7. JavaScript Tutorial for Beginners
  8. JavaScript DOM Manipulation - Full Course for Beginners
  9. Build a Google Keep Clone with JavaScript
  10. Learn JavaScript by Building a Whack A Mole Game
  11. Master JavaScript Promises, Fetch API, and Async/Await

Tech-Stack :

HTML5 CSS3 JavaScript

Contribution is fun! 💚

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions mentioned below!

Happy Submissions 🙂

Contribution Guidelines🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/awesome-javascript-projects.git

3. Navigate to the project directory 📁 .

cd awesome-javascript-projects

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/vishal-raj-1/awesome-javascript-projects.git 

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perfom your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add . 

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests.

13. Add appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15 Voila ❗ You have made a PR to the awesome-javascript-projects 💥 . Wait for your submission to be accepted and your PR to be merged.

This Project is a part of the following Open Source Program

CrossWoc    GSSOC

Project Admin 😃

Our valuable Contributors👩‍💻👨‍💻 :

About

This Repository contain awesome vanilla JavaScript projects.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 49.1%
  • HTML 30.8%
  • CSS 19.6%
  • SCSS 0.5%