|
14 | 14 | </div> |
15 | 15 | <br> |
16 | 16 | <h2 align="Center">Our Mini Projects</h2> |
17 | | -<table> |
18 | | -<tr> |
19 | | -<th align = "Center">Name</th> |
20 | | -<th align = "Center">Description</th> |
21 | | -</tr> |
22 | | -<tr> |
23 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Basic%20Background%20Generator">Basic Background Generator</a></td> |
24 | | -<td align = "Center">A basic gradient Background Generator which allows you to create a background by selecting your required colors</td> |
25 | | -</tr> |
26 | | -<tr> |
27 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/CALCULATOR">Calculator App</a></td> |
28 | | -<td align = "Center">Simple Calculator App written in HTML, CSS, and JavaScript</td> |
29 | | -</tr> |
30 | | -<tr> |
31 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/CAT%20GENERATOR%20APP">Cat Generator App</a></td> |
32 | | -<td align = "Center">This web app allows you to generate cats as many you want</td> |
33 | | -</tr> |
34 | | -<tr> |
35 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Chuck-Norris-Jokes">Chuck Norris Joke Generator</a></td> |
36 | | -<td align = "Center">It is a simple API integrated joke generator. We can generate jokes by selecting a category of jokes. Hope you people will enjoy reading the jokes.</td> |
37 | | -</tr> |
38 | | -<tr> |
39 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Clock-Stopwatch">Stopwatch</a></td> |
40 | | -<td align = "Center">A basic Javascript stopwatch which allows you to count up from zero with start, reset and stop controls</td> |
41 | | -</tr> |
42 | | -<tr> |
43 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Countdown_Timer">Countdown-Timer</a></td> |
44 | | -<td align = "Center">Simple Web App which help to make some Important Occassion</td> |
45 | | -</tr> |
46 | 17 |
|
47 | | -<tr> |
48 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Custom-Range-Slider">Custom-Range-Slider</a></td> |
49 | | -<td align = "Center">Simple Custom Range Slider written in HTML, CSS, and JavaScript </td> |
50 | | -</tr> |
51 | | - |
52 | | -<tr> |
53 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/DIGITAL-JAVASCRIPT-CLOCK">Digital Clock</a></td> |
54 | | -<td align = "Center">Simple Clock App written in HTML, CSS, and JavaScript .</td> |
55 | | -</tr> |
56 | | - |
57 | | -<tr> |
58 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Expense%20Tracker">Expense Tracker</a></td> |
59 | | -<td align = "Center">Keep a track of your own income and expenses and have a clear picture of where your money is going</td> |
60 | | -</tr> |
61 | | - |
62 | | -<tr> |
63 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/GOOGLE.COM%20PAGE%20PROJECT">Google Clone |
64 | | -</a></td> |
65 | | -<td align = "Center">A google clone which also lets you search information, looks exactly same as Google</td> |
66 | | -</tr> |
67 | | - |
68 | | -<tr> |
69 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/GitHub%20Profile%20Finder">Github Profile Finder</a></td> |
70 | | -<td align = "Center">GitHub Profile Finder will fetch the github details like, Name of the user, Number of Repositories, Bio of the user, Number of Followers, |
71 | | -Number of Followings and profile pic just by entering the username and click on Search User</td> |
72 | | -</tr> |
73 | | - |
74 | | -<tr> |
75 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/JAVASCRIPT%20GAME">Dinosaur Game </a></td> |
76 | | -<td align = "Center">A web app which allows you to play the dinosaur game where you have to make the dinosaur jump and safe himself from the cactus</td> |
77 | | -</tr> |
78 | | - |
79 | | -<tr> |
80 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Javascript%20DrumKit">Drum Kit</a></td> |
81 | | -<td align = "Center">A web app allows you to make your own music with all the beats that are present in the app</td> |
82 | | -</tr> |
83 | | - |
84 | | -<tr> |
85 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/LOVE-CALCULATOR">Love Calculator App</a></td> |
86 | | -<td align = "Center">Love calculator is a fun application where friends and couples can calculate the percentage of love between them</td> |
87 | | -</tr> |
88 | | - |
89 | | -<tr> |
90 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Movie-Website">Movie App</a></td> |
91 | | -<td align = "Center">A web app to search movies</td> |
92 | | -</tr> |
93 | | -<tr> |
94 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Notes%20Keeping%20Website">Notes Keeping App</a></td> |
95 | | -<td align = "Center">A app allows you to create your own notes and save them in the local storgae which will not be deleted even when you reload the page</td> |
96 | | -</tr> |
97 | | - |
98 | | -<tr> |
99 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/QUIZ%20WEB%20APP">QUIZ WEB APP</a></td> |
100 | | -<td align = "Center">A web app of harry potter quiz</td> |
101 | | -</tr> |
102 | | - |
103 | | -<tr> |
104 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/QUIZ-APP-2">Quiz App</a></td> |
105 | | -<td align = "Center">This quiz web app asks you some of the basic questions related to development and tells you your total score at the last</td> |
106 | | -</tr> |
107 | | - |
108 | | -<tr> |
109 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Quote%20Generator">Random Quote Generator</a></td> |
110 | | -<td align = "Center">The Random Quote Generator randomly displays a quote when a button is clicked by user.</td> |
111 | | -</tr> |
112 | | - |
113 | | -<tr> |
114 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Random%20Color%20Generator">Random Color Generator</a></td> |
115 | | -<td align = "Center">This a simple project where user can generate a random color which changes the background of the page and gives the rgb value the color.</td> |
116 | | -</tr> |
117 | | - |
118 | | -<tr> |
119 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/React-App">Simple React JS Project</a></td> |
120 | | -<td align = "Center">A Simple ReactJS Project which demonstrates |
121 | | -Creating a Component in React, |
122 | | -Making HTTP calls, |
123 | | -Communicating between parent and child component, |
124 | | -Using Bootstrap along with React, |
125 | | -Using Basic Routing in React, </td> |
126 | | -</tr> |
127 | | - |
128 | | -<tr> |
129 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/React-joke-app">Lame Joke Generator</a></td> |
130 | | -<td align = "Center">This Lame joke generator is a ReactJS project which uses API integration and generates a random joke.</td> |
131 | | -</tr> |
132 | | - |
133 | | -<tr> |
134 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Rock-Paper-Scissor%20Game">Rock-Paper-Scissor Game</a></td> |
135 | | -<td align = "Center">This Rock-Paper-Scissor Game allows you to play rock paper scissor with the computer</td> |
136 | | -</tr> |
137 | | - |
138 | | -<tr> |
139 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Snake-Game">Snake Game</a></td> |
140 | | -<td align = "Center">Simple Snake Game 🐍 written in HTML, CSS, and JavaScript .</td> |
141 | | -</tr> |
142 | | - |
143 | | -<tr> |
144 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Tic-Tac-Toe%20Game">Tic-Tac-Toe Game</a></td> |
145 | | -<td align = "Center">Simple Tic-Tac-Toe Game written in HTML, CSS, and JavaScript</td> |
146 | | -</tr> |
147 | | - |
148 | | -<tr> |
149 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/To-Do%20List">TO-DO List</a></td> |
150 | | -<td align = "Center">Simple TO-DO List written in HTML, CSS, and JavaScript</td> |
151 | | -</tr> |
152 | | - |
153 | | -<tr> |
154 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Weather-App">Weather-App</a></td> |
155 | | -<td align = "Center">Simple Weather app written in HTML, CSS, and JavaScript using the APIs for fetching weather and geolocation information.</td> |
156 | | -</tr> |
157 | | -<tr> |
158 | | -<td align = "Center"><a href ="https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/flask_news_project">News Webapp</a></td> |
159 | | -<td align = "Center">A web app for searching news made using flask</td> |
160 | | -</tr> |
161 | | -</table> |
| 18 | +| Project | Description | |
| 19 | +| -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | |
| 20 | +| [Basic Background Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Basic%20Background%20Generator) | A basic gradient Background Generator which allows you to create a background by selecting your required colors | |
| 21 | +| [Calculator App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/CALCULATOR) | Simple Calculator App written in HTML, CSS, and JavaScript | |
| 22 | +| [Cat Generator App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/CAT%20GENERATOR%20APP) | This web app allows you to generate cats as many you want | |
| 23 | +| [Chuck Norris Joke Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Chuck-Norris-Jokes) | It is a simple API integrated joke generator. We can generate jokes by selecting a category of jokes | |
| 24 | +| [Stopwatch](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Clock-Stopwatch) | A basic Javascript stopwatch which allows you to count up from zero with start, reset and stop controls | |
| 25 | +| [Countdown-Timer](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Countdown_Timer) | Simple Web App which help to make some Important Occassion | |
| 26 | +| [Custom-Range-Slider](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Custom-Range-Slider) | Simple Custom Range Slider written in HTML, CSS, and JavaScript | |
| 27 | +| [Digital Clock](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/DIGITAL-JAVASCRIPT-CLOCK) | Simple Clock App written in HTML, CSS, and JavaScript | |
| 28 | +| [Expense Tracker](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Expense%20Tracker) | Keep a track of your own income and expenses and have a clear picture of where your money is going | |
| 29 | +| [Google.com Clone](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/GOOGLE.COM%20PAGE%20PROJECT) | A google clone which also lets you search information, looks exactly same as Google | |
| 30 | +| [Github Profile Finder](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/GitHub%20Profile%20Finder) | GitHub Profile Finder will fetch the github details like, Name of the user, Number of Repositories, Bio of the user, Number of Followers,Number of Followings and profile pic just by entering the username and click on Search User | |
| 31 | +| [Dinosaur Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/JAVASCRIPT%20GAME) | A web app which allows you to play the dinosaur game where you have to make the dinosaur jump and safe himself from the cactus | |
| 32 | +| [Drum Kit](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Javascript%20DrumKit) | A web app allows you to make your own music with all the beats that are present in the app | |
| 33 | +| [Love Calculator App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/LOVE-CALCULATOR) | Love calculator is a fun application where friends and couples can calculate the percentage of love between them | |
| 34 | +| [Movie App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Movie-Website) | A web app to search movies | |
| 35 | +| [Notes Keeping App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Notes%20Keeping%20Website) | A app allows you to create your own notes and save them in the local storgae which will not be deleted even when you reload the page | |
| 36 | +| [QUIZ WEB APP](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/QUIZ%20WEB%20APP) | A web app of harry potter quiz | |
| 37 | +| [Quiz App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/QUIZ-APP-2) | This quiz web app asks you some of the basic questions related to development and tells you your total score at the last | |
| 38 | +| [Random Quote Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Quote%20Generator) | The Random Quote Generator randomly displays a quote when a button is clicked by user | |
| 39 | +| [Random Color Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Random%20Color%20Generator) | This a simple project where user can generate a random color which changes the background of the page and gives the rgb value the color | |
| 40 | +| [Simple React JS Project](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/React-App) | A Simple ReactJS Project which demonstrates Creating a Component in React,Making HTTP calls,Communicating between parent and child component,Using Bootstrap along with React,Using Basic Routing in React | |
| 41 | +| [Lame Joke Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/React-joke-app) | This Lame joke generator is a ReactJS project which uses API integration and generates a random joke | |
| 42 | +| [Rock-Paper-Scissor Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Rock-Paper-Scissor%20Game) | This Rock-Paper-Scissor Game allows you to play rock paper scissor with the computer | |
| 43 | +| [Snake Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Snake-Game) | Simple Snake Game 🐍 written in HTML, CSS, and JavaScript | |
| 44 | +| [Tic-Tac-Toe Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Tic-Tac-Toe%20Game) | Simple Tic-Tac-Toe Game written in HTML, CSS, and JavaScript | |
| 45 | +| [TO-DO List](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/To-Do%20List) | Simple TO-DO List written in HTML, CSS, and JavaScript | |
| 46 | +| [Weather-App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Weather-App) | Simple Weather app written in HTML, CSS, and JavaScript using the APIs for fetching weather and geolocation information | |
| 47 | +| [News Webapp](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/flask_news_project) | A web app for searching news made using flask | |
162 | 48 |
|
0 commit comments