{"id":24911294,"url":"https://github.com/shravandalavi/web-mini-projects","last_synced_at":"2025-10-16T22:30:23.202Z","repository":{"id":251640187,"uuid":"838002604","full_name":"ShravanDalavi/Web-Mini-Projects","owner":"ShravanDalavi","description":"This repository features small web projects built with HTML, CSS, and JavaScript, aimed at enhancing your web development skills. Perfect for beginners, each project focuses on a specific functionality to help you practice and improve.","archived":false,"fork":false,"pushed_at":"2025-01-18T17:57:05.000Z","size":58954,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-18T18:49:13.294Z","etag":null,"topics":["html-css-javascript","miniprojects","miniweb","project","web","web-project","web-projects","webdevelopment","webdevelopment-project","webminiproject","webproject","webprojects","website"],"latest_commit_sha":null,"homepage":"https://shravandalavi.github.io/Web-Mini-Projects/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ShravanDalavi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-04T16:59:07.000Z","updated_at":"2025-01-18T17:57:07.000Z","dependencies_parsed_at":"2024-09-13T02:09:54.227Z","dependency_job_id":"6b732008-2a60-4532-8941-19b444c1ba91","html_url":"https://github.com/ShravanDalavi/Web-Mini-Projects","commit_stats":null,"previous_names":["shravandalavi/web-mini-projects"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShravanDalavi%2FWeb-Mini-Projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShravanDalavi%2FWeb-Mini-Projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShravanDalavi%2FWeb-Mini-Projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShravanDalavi%2FWeb-Mini-Projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShravanDalavi","download_url":"https://codeload.github.com/ShravanDalavi/Web-Mini-Projects/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236749690,"owners_count":19198736,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript","miniprojects","miniweb","project","web","web-project","web-projects","webdevelopment","webdevelopment-project","webminiproject","webproject","webprojects","website"],"created_at":"2025-02-02T04:19:08.674Z","updated_at":"2025-10-16T22:30:23.192Z","avatar_url":"https://github.com/ShravanDalavi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web-Mini-Projects\nWelcome to the Web-Mini-Projects repository! This repository contains a collection of small web-based projects designed to improve your web development skills. Each project focuses on a specific functionality and uses various web technologies.\n\n## Introduction\nThis repository is a collection of mini web projects built with HTML, CSS, and JavaScript. The projects include a digital clock, a countdown timer, a color palette picker, and more. These projects are ideal for beginners who want to practice and enhance their web development skills.\n\n## Projects\nHere is a list of the projects included in this repository:\n\n| **No.** | **Name** |  **Demo** |\n| ------- | -------- | -------- | \n|  **01** | [**Analog Clock**](https://github.com/ShravanDalavi/Web-Mini-Projects/blob/main/projects/Analog%20Clock/) | [Link](https://4nz2kd.csb.app/) | \n|  **02** | [**Color Palette Picker**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Color%20Palette%20Picker)| [Link](https://codepen.io/Shravan-Dalavi/pen/bGPqXVz) | \n|  **03** | [**Countdown Timer**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Countdown%20Timer)  | [Link](https://codepen.io/Shravan-Dalavi/pen/RwzpXrM) |\n|  **04** | [**Daily Journal Web App**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Daily%20Journal%20Web%20App)  | [Link](https://codepen.io/Shravan-Dalavi/pen/XWvbezL) |\n|  **05** | [**Date Difference Calculator**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Date%20Calculate)  | [Link](https://codepen.io/Shravan-Dalavi/pen/yLmNemE) | \n|  **06** | [**Digital Clock**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Digital%20Clock)  | [Link](https://codepen.io/Shravan-Dalavi/pen/vYqxoGR) |\n|  **07** | [**Enhanced Drawing App (Whiteboard)**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Enhanced%20Drawing%20App%20(Whiteboard))  | [Link](https://tynvtx.csb.app/) |\n|  **08** | [**Event Countdown Timer**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Event%20Countdown%20Timer)  | [Link](https://codepen.io/Shravan-Dalavi/pen/xxovaxK)| \n|  **09** | [**Image Search**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Image%20Search)  | [Link](https://codepen.io/Shravan-Dalavi/pen/gONWMNe) |\n|  **10** | [**Mindfulness Meditation Timer**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Mindfulness%20Meditation%20Timer)  | [Link](https://57ymkh.csb.app/) |\n|  **11** | [**Multi-Step Form**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Multi%20Step%20Form)  | [Link](https://7wn8dp.csb.app/) | \n|  **12** | [**Notes App**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Notes%20App)  | [Link](https://codepen.io/Shravan-Dalavi/pen/oNrWLKZ) | \n|  **13** | [**Online Poll Creator**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Online%20Poll%20Creator)  | [Link](https://lzm79s.csb.app/) | \n|  **14** | [**Password Generator**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Password%20Generator)  | [Link](https://codepen.io/Shravan-Dalavi/pen/WNqjxVL) | \n|  **15** | [**Personal Blog**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Personal%20Blog)  | [Link](https://tsr2xq.csb.app/index.html) | \n|  **16** | [**Personal Finance Manager (Expense Tracker)**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Personal%20Finance%20Manager)  | [Link](https://7t8kht.csb.app/) | \n|  **17** | [**Photo Gallery**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Photo%20Gallery)  | [Link](https://lf36l9.csb.app/) |\n|  **18** | [**Rock Paper Scissors Game**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Rock%20Paper%20Scissor%20Game)  | [Link](https://codepen.io/Shravan-Dalavi/pen/jOjoZyV) | \n|  **19** | [**Short Link Generator**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Short%20Link%20Generator)  | [Link](https://qws2hl.csb.app/) |\n|  **20** | [**Speech Reader (Text to Speech)**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Speech%20Reader%20(Text%20to%20Speech%20))| [Link](https://k8xj9s.csb.app/) | \n|  **21** | [**Ticket Management System**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Ticket%20Management)  | [Link](https://2jt5ft.csb.app/) | \n|  **22** | [**Typing Speed Test**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Typing%20Speed%20Test) | [Link](https://dzc2s7.csb.app/dashboard.html) | \n|  **23** | [**Weather-Based Outfit Recommender**](https://github.com/ShravanDalavi/Web-Mini-Projects/tree/main/projects/Weather%20Based%20Outfit%20Recommender)  | [Link](https://fhrwcx.csb.app/) |\n\n---\n\n## How to Run\nTo run these projects locally, follow these steps :\n1. Clone the repository to your local machine :\n    ```bash\n    git clone https://github.com/ShravanDalavi/Web-Mini-Projects.git\n\n    ```\n\n2. Navigate to the project directory :\n    ```bash\n    cd Web-Mini-Projects/projects/\u003cProject Name\u003e\n    ```\n    \n3. Open the `index.html` file in your web browser to view and run the project.\n    ```bash\n    open index.html\n    ```\n---\n\n## Technologies Used\n- HTML\n- CSS\n- JavaScript\n- Node.js (for backend projects)\n- Express (for backend projects)\n- Socket.io (for real-time applications)\n- Various APIs\n\n---\n\n## Prerequisites\nBefore running these projects, ensure you have the following installed on your machine:\n- A web browser (e.g., Chrome, Firefox, Safari)\n- A text editor or IDE (e.g., VS Code, Sublime Text)\n\nFor certain projects that may involve additional tooling, follow any specific instructions provided in the project's subfolder.\n\n---\n\n## How can I read this tutorial without an Internet connection? \u003cimg alt=\"GIF\" src=\"https://github.com/TheDudeThatCode/TheDudeThatCode/blob/master/Assets/hmm.gif\" width=\"20\" /\u003e\n1. Go [**`here`**](https://github.com/ShravanDalavi/Web-Mini-Projects) and click the big green ➞  **`Code`** button in the top right of the page, then click ➞ [**`Download ZIP`**](https://github.com/shravandalavi/Web-Mini-Projects/archive/refs/heads/main.zip).\n\n![image](https://github.com/user-attachments/assets/864a8d4e-dc4f-43c5-a1b6-cc58503b2981)\n\n\n2. Extract the ZIP and open it. Unfortunately I don't have any more specific instructions because how exactly this is done depends on which operating system you run.    \n3. Launch ipython notebook from the folder which contains the notebooks. Open each one of them\n  \n    **`Kernel \u003e Restart \u0026 Clear Output`**\n    \nThis will clear all the outputs and now you can understand each statement and learn interactively.\n\n\nIf you have git and you know how to use it, you can also clone the repository instead of downloading a zip and extracting it. An advantage with doing it this way is that you don't need to download the whole tutorial again to get the latest version of it, all you need to do is to pull with git and run ipython notebook again.\n\n---\n\n## Licence 📜\nYou may use this tutorial freely at your own risk. See [LICENSE](./LICENSE).\n\n## Contributors ✨\n- Shravan Dalavi\n  - Contact: shravandalavi137@gmail.com\n  - GitHub: [Profile](https://github.com/ShravanDalavi)\n    \n- Ashwini Sonawane\n  - Contact: ashwinisonawane@gmail.com\n  - GitHub:  [Profile](https://github.com/SonawaneAshwini)\n\n---\n\n### Feedback and Support\nWe value your input! If you encounter any issues or have suggestions, please open an issue in this repository. Your feedback helps us improve!\n\n### Show Your Support\n**If you enjoyed this tutorial, don't forget to [⭐ star the repository](https://github.com/ShravanDalavi/Web-Mini-Projects) and [follow for updates](https://github.com/ShravanDalavi).**\n\n**Thank you for exploring this repository! I hope you find these projects both interesting and useful. 😊**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshravandalavi%2Fweb-mini-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshravandalavi%2Fweb-mini-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshravandalavi%2Fweb-mini-projects/lists"}