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.html
file 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 [email protected].
Happy coding!