Skip to content

Commit b756c64

Browse files
amit265amit265
committed
read me updated
1 parent b421dfc commit b756c64

File tree

1 file changed

+31
-85
lines changed

1 file changed

+31
-85
lines changed

‎README.md‎

Lines changed: 31 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -16,92 +16,38 @@ Welcome to the 100 JavaScript Projects repository! This repository contains a co
1616

1717
Below is a list of all the projects included in this repository. Click on the project name to navigate to its folder:
1818

19-
1. [Project 1: 2D Breakout Game](./2d-breakout-game)
20-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/2d-breakout-game/)
21-
22-
2. [Project 2: Age Calculator](./age-calculator)
23-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/age-calculator/)
19+
| Serial No. | Project Name | Description | Live Demo |
20+
|------------|------------------------------------------|------------------------------------------|----------------------------------------------------------------------------------------------------------------------|
21+
| 1 | [2D Breakout Game](./2d-breakout-game) | A classic 2D arcade game using JavaScript. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/2d-breakout-game/) |
22+
| 2 | [Age Calculator](./age-calculator) | Calculates age based on input birthdate. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/age-calculator/) |
23+
| 3 | [Bookly](./bookly) | A book management app with CRUD operations. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/bookly/) |
24+
| 4 | [Canvas](./canvas) | Drawing application using HTML5 Canvas. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/canvas/) |
25+
| 5 | [Dice Roll Simulator](./dice-roll-simulator) | Simulates the rolling of dice. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/dice-roll-simulator/) |
26+
| 6 | [Gallery](./gallery) | Image gallery with various effects. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/gallery/) |
27+
| 7 | [Github Account Finder](./github-account-finder) | Searches for GitHub accounts by username. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/github-account-finder/) |
28+
| 8 | [Javascript Quiz](./javascript-quiz) | Interactive quiz on JavaScript. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/javascript-quiz/) |
29+
| 9 | [Notice Board](./notice-board) | Digital notice board application. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/notice-board/) |
30+
| 10 | [Pomodoro Timer](./pomodoro-timer) | Timer based on the Pomodoro technique. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/pomodoro-timer/) |
31+
| 11 | [Quotes Infinite Scroll](./quotes-infinite-scroll) | Infinite scroll of quotes. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/quotes-infinite-scroll/) |
32+
| 12 | [Recipe Book App](./recipe-book-app) | A digital recipe book application. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/recipe-book-app/) |
33+
| 13 | [Rock Paper Scissors](./rock-paper-scissors) | Classic Rock Paper Scissors game. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/rock-paper-scissors/) |
34+
| 14 | [Simple Stopwatch](./simple-stopwatch) | A simple stopwatch application. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/simple-stopwatch/) |
35+
| 15 | [Social Media Selector Menu](./social-media-selector-menu) | Social media link selector. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/social-media-selector-menu/) |
36+
| 16 | [Splash Image](./splash-image) | Creates a splash image effect. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/splash-image/) |
37+
| 17 | [Step Progress Bar](./step-progress-bar) | Step-by-step progress bar UI component. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/step-progress-bar/) |
38+
| 18 | [Sticky Nav](./sticky-nav) | Sticky navigation bar on scroll. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/sticky-nav/) |
39+
| 19 | [Tabs](./tabs-project) | Simple tabs component for switching content. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/tabs-project/) |
40+
| 20 | [Temperature Converter](./temperature-converter) | Converts temperatures between units. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/temperature-converter/) |
41+
| 21 | [Testimonial Slider](./testimonial-slider) | Sliding testimonials UI component. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/testimonial-slider/) |
42+
| 22 | [Tip Calculator](./tip-calculator) | Calculates tips based on total bill amount. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/tip-calculator/) |
43+
| 23 | [Video Trailer Popup](./video-trailer-popup) | Popup for video trailers. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/video-trailer-popup/) |
44+
| 24 | [Weight Converter](./weight-converter) | Converts weight between units. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/weight-converter/) |
45+
| 25 | [Cash Register Project](./cash-register-project) | A cash register application. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/cash-register-project/) |
46+
| 26 | [Palindrome Checker](./palindrome-checker) | Checks if a string is a palindrome. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/palindrome-checker/) |
47+
| 27 | [Pokemon Search App](./pokemon-search-app) | Search for Pokémon information. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/pokemon-search-app/) |
48+
| 28 | [Roman Numeral Converter](./roman-numeral-converter) | Converts numbers to Roman numerals. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/roman-numeral-converter/) |
49+
| 29 | [Telephone Number Validator](./telephone-number-validator) | Validates telephone numbers. | [![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/telephone-number-validator/) |
2450

25-
3. [Project 3: Bookly](./bookly)
26-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/bookly/)
27-
28-
4. [Project 4: Canvas](./canvas)
29-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/canvas/)
30-
31-
5. [Project 5: Dice Roll Simulator](./dice-roll-simulator)
32-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/dice-roll-simulator/)
33-
34-
6. [Project 6: Gallery](./gallery)
35-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/gallery/)
36-
37-
7. [Project 7: Github Account Finder](./github-account-finder)
38-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/github-account-finder/)
39-
40-
8. [Project 8: Javascript Quiz](./javascript-quiz)
41-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/javascript-quiz/)
42-
43-
9. [Project 9: Notice Board](./notice-board)
44-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/notice-board/)
45-
46-
10. [Project 10: Pomodoro Timer](./pomodoro-timer)
47-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/pomodoro-timer/)
48-
49-
11. [Project 11: Quotes Infinite Scroll](./quotes-infinite-scroll)
50-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/quotes-infinite-scroll/)
51-
52-
12. [Project 12: Recipe Book App](./recipe-book-app)
53-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/recipe-book-app/)
54-
55-
13. [Project 13: Rock Paper Scissors](./rock-paper-scissors)
56-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/rock-paper-scissors/)
57-
58-
14. [Project 14: Simple Stopwatch](./simple-stopwatch)
59-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/simple-stopwatch/)
60-
61-
15. [Project 15: Social Media Selector Menu](./social-media-selector-menu)
62-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/social-media-selector-menu/)
63-
64-
16. [Project 16: Splash Image](./splash-image)
65-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/splash-image/)
66-
67-
17. [Project 17: Step Progress Bar](./step-progress-bar)
68-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/step-progress-bar/)
69-
70-
18. [Project 18: Sticky Nav](./sticky-nav)
71-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/sticky-nav/)
72-
73-
19. [Project 19: Tabs](./tabs-project)
74-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/tabs-project/)
75-
76-
20. [Project 20: Temperature Converter](./temperature-converter)
77-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/temperature-converter/)
78-
79-
21. [Project 21: Testimonial Slider](./testimonial-slider)
80-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/testimonial-slider/)
81-
82-
22. [Project 22: Tip Calculator](./tip-calculator)
83-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/tip-calculator/)
84-
85-
23. [Project 23: Video Trailer Popup](./video-trailer-popup)
86-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/video-trailer-popup/)
87-
88-
24. [Project 24: Weight Converter](./weight-converter)
89-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/weight-converter/)
90-
91-
25. [Project 25: Cash Register Project](./cash-register-project/)
92-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/cash-register-project/)
93-
94-
26. [Project 26. Palindrome Checker](./palindrome-checker/)
95-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/palindrome-checker/)
96-
97-
27. [Project 27: Pokemon Search App](./pokemon-search-app/)
98-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/pokemon-search-app/)
99-
100-
28. [Project 28: Roman Numeral Converter](./roman-numeral-converter/)
101-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/roman-numeral-converter/)
102-
103-
29. [Project 29: Telephone Number Validator](./telephone-number-validator/)
104-
[![Live Demo](https://img.shields.io/badge/Live-Demo-green)](https://coderespite.com/projects/jsProjects/telephone-number-validator/)
10551

10652
## Installation
10753

0 commit comments

Comments
 (0)