|
| 1 | +<h1 align="center">Web-dev-mini-projects</h1> |
| 2 | +<br> |
| 3 | +<div align="center"> |
| 4 | +<a href="https://github.com/topics/html"><img alt="HTML" src="https://img.shields.io/badge/HTML%20-%23E34F26.svg?&style=for-the-badge"/></a> |
| 5 | +<a href="https://github.com/topics/css"><img alt="CSS" src="https://img.shields.io/badge/CSS%20-%23E34F26.svg?&style=for-the-badge"/></a> |
| 6 | +<a href="https://github.com/topics/javascript"><img alt="javascript" src="https://img.shields.io/badge/Javascript%20-%23E34F26.svg?&style=for-the-badge&logo=javascript&logoColor=white"/></a> |
| 7 | +<br> |
| 8 | +<br> |
| 9 | +<a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/edit/main/README.md"><img src="https://badges.frapsoft.com/os/v1/open-source.svg?v=103"></a> |
| 10 | +<a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/edit/main/README.md"><img src="https://img.shields.io/badge/Built%20by-developers%20%3C%2F%3E-0059b3"></a> |
| 11 | +<a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/edit/main/README.md"><img src="https://img.shields.io/static/v1.svg?label=Contributions&message=Welcome&color=yellow"></a> |
| 12 | +<a href="https://github.com/Ayushparikh-code"><img src="https://img.shields.io/badge/Maintained%3F-yes-brightgreen.svg?v=103"></a> |
| 13 | +<br> |
| 14 | +</div> |
| 15 | +<br> |
| 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 | + |
| 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> |
| 162 | + |
0 commit comments