Skip to content

🧩 JavaScript Mini Projects – Beginner-Friendly Practice Projects This repository contains hands-on mini projects built using HTML, CSS, and JavaScript, perfect for beginners who want to strengthen their JavaScript fundamentals through practice. Each project is standalone, easy to understand, and focuses on different core concepts.

License

Notifications You must be signed in to change notification settings

arshc0der/Javscript-Mini-Projects

Repository files navigation

πŸš€ JavaScript Mini Projects

Beginner-Friendly Projects to Boost Your JavaScript Skills

License GitHub Repo stars GitHub forks Open Issues Last Commit Maintained Made With Responsive Status Website Deployed Language Markup CSS Open Source Contributions Security Repo Size

Welcome to this curated collection of JavaScript mini projects built specifically for beginners. These projects are simple yet practical and will help you solidify your JavaScript basics through hands-on practice.

πŸ“Œ All projects are developed using HTML, CSS, and JavaScript only.


πŸ“š Table of Contents

  1. Counter App
  2. To-Do List App
  3. Calculator
  4. Digital Clock
  5. Weather Web App
  6. Currency Converter
  7. Quote Generator
  8. Text-to-Speech App

🧠 How to Use

  • Clone this repository:
    git clone https://github.com/arshc0de/Javscript-Mini-Projects.git
    
  • Open any project folder
  • Open index.html in your browser
  • Start learning and modifying the code!

1. Counter App [Day 1]

🌞 Light Mode | πŸŒ™ Dark Mode

🧾 A simple counter that allows you to increment, decrement, and reset the count. Includes toggle for dark/light mode.


2. To-Do List [Day 2]

πŸ“ A clean to-do app where you can add and delete tasks. Includes inline comments for better understanding.


3. Calculator [Day 3]

βž•βž–βœ–οΈβž— A basic calculator performing simple math operations. Uses the eval() function for expression evaluation.


4. Digital Clock [Day 4]

⏰ Displays a live digital clock using JavaScript's Date() object. Random background image from Unsplash.


5. Weather Web App [Day 5]

🌦️ Fetches real-time weather data using OpenWeatherMap API.

πŸ”‘ Instructions:

  1. Register at OpenWeatherMap
  2. Get your free API key
  3. Replace the placeholder in script.js with your API key

6. Currency Converter [Day 6]

πŸ’± Convert currency values using a JavaScript object for exchange rates (no API used). You can easily integrate an API for live data.


7. Quote Generator [Day 7]

πŸ“œ Generates a random quote from a predefined list of 20 quotes each time the page is refreshed or a button is clicked.


8. Text-to-Speech [Day 8]

πŸ—£οΈ Enter any text, click "Speak", and let your browser read it aloud using the SpeechSynthesis API.


🀝 Contributing

Contributions are welcome! Feel free to fork this repo, improve the projects, and submit a PR.


πŸ“„ License

This repository is licensed under the MIT License.


πŸ™Œ Acknowledgements

  • Inspired by real-world needs of beginner developers.
  • Projects created with learning and simplicity in mind.

⭐ Don't forget to star this repo if it helped you!


---

Would you like me to help you create a `LICENSE`, `.gitignore`, or contribution guidelines (`CONTRIBUTING.md`) as well?

About

🧩 JavaScript Mini Projects – Beginner-Friendly Practice Projects This repository contains hands-on mini projects built using HTML, CSS, and JavaScript, perfect for beginners who want to strengthen their JavaScript fundamentals through practice. Each project is standalone, easy to understand, and focuses on different core concepts.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •