Welcome to the 100 JavaScript Projects repository! This repository contains a collection of JavaScript projects ranging from beginner to advanced levels. The goal is to build 100 (or more) projects to practice and enhance JavaScript skills.
Below is a list of all the projects included in this repository. Click on the project name to navigate to its folder:
| Serial No. | Project Name | Description | Live Demo |
|---|---|---|---|
| 1 | 2D Breakout Game | A classic 2D arcade game using JavaScript. |  |
| 2 | Age Calculator | Calculates age based on input birthdate. | |
| 3 | Bookly | A book management app with CRUD operations. | |
| 4 | Canvas | Drawing application using HTML5 Canvas. | |
| 5 | Dice Roll Simulator | Simulates the rolling of dice. | |
| 6 | Gallery | Image gallery with various effects. | |
| 7 | Github Account Finder | Searches for GitHub accounts by username. | |
| 8 | Javascript Quiz | Interactive quiz on JavaScript. | |
| 9 | Notice Board | Digital notice board application. | |
| 10 | Pomodoro Timer | Timer based on the Pomodoro technique. | |
| 11 | Quotes Infinite Scroll | Infinite scroll of quotes. | |
| 12 | Recipe Book App | A digital recipe book application. | |
| 13 | Rock Paper Scissors | Classic Rock Paper Scissors game. | |
| 14 | Simple Stopwatch | A simple stopwatch application. | |
| 15 | Social Media Selector Menu | Social media link selector. | |
| 16 | Splash Image | Creates a splash image effect. | |
| 17 | Step Progress Bar | Step-by-step progress bar UI component. | |
| 18 | Sticky Nav | Sticky navigation bar on scroll. | |
| 19 | Tabs | Simple tabs component for switching content. | |
| 20 | Temperature Converter | Converts temperatures between units. | |
| 21 | Testimonial Slider | Sliding testimonials UI component. | |
| 22 | Tip Calculator | Calculates tips based on total bill amount. | |
| 23 | Video Trailer Popup | Popup for video trailers. | |
| 24 | Weight Converter | Converts weight between units. | |
| 25 | Cash Register Project | A cash register application. | |
| 26 | Palindrome Checker | Checks if a string is a palindrome. | |
| 27 | Pokemon Search App | Search for Pokémon information. | |
| 28 | Roman Numeral Converter | Converts numbers to Roman numerals. | |
| 29 | Telephone Number Validator | Validates telephone numbers. | |
To get started with any of these projects, follow the steps below:
- Clone the repository:
git clone https://github.com/amit265/100jsProject.git
- Navigate to the project folder:
cd 100jsproject/ProjectName - Open the
index.htmlfile in your browser or use a local server.
Each project folder contains its own README.md file with detailed instructions on how to run and use the project.
Contributions are welcome! If you have a project you would like to add or improvements to existing ones, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b your-branch-name
- Make your changes.
- Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin your-branch-name
- Open a pull request.
If you have any questions or suggestions, feel free to open an issue or contact me at amitk.kumar414@gmail.com.
Happy coding!