JavaScript-Mini-Projects

JavaScript Mini Projects

Welcome to my collection of JavaScript mini-projects! 🚀

I have always been passionate about Data Science and Machine Learning, but recently, I ventured into the world of Web Development. While I built numerous machine learning models, I often struggled to present them as complete, polished projects. To bridge that gap, I began exploring HTML and CSS, pairing them with Python frameworks like Django or Flask, depending on my creative whims.

With the new year, I decided to take a step back from my usual pursuits and fully immerse myself in Web Development. This journey led me to focus on mastering JavaScript, giving it my all.

Instead of just learning the boring way, I channeled my skills into creating these fun, interactive projects. Now, I’m thrilled to share them and showcase my progress in this exciting domain.

---

🌟 Projects Included

1. API-Based Project

• Description: An interactive project that fetches and displays data from a public API.
• Deployed: Weather App
• Features:
  • Fetches data dynamically from APIs.
  • Displays the data in a clean and interactive UI.

2. Expense Tracker

• Description: A simple app to track expenses, categorize them, and manage a budget.
• Deployed: Expense Tracker
• Features:
  • Add, edit, and delete expenses.
  • Stores data locally for persistence.

3. To-Do List

• Description: A clean and functional to-do list app to manage daily tasks with local storage.
• Deployed: To Do List
• Features:
  • Add, mark as complete, and delete tasks.
  • Persistent storage using local storage.
  • Minimalistic and responsive design.

4. Shopping Cart

• Description: A basic shopping cart app with product listing, price calculation, and cart management.
• Deployed: Shopping Cart
• Features:
  • Add and remove items from the cart.
  • Displays total price dynamically.
  • Responsive and user-friendly interface.

---

🛠️ Technologies Used

• Frontend:
  • HTML
  • CSS
  • JavaScript
• Deployment: GitHub Pages

---

🚀 How to Use This Repository

1. Clone the repository:

   git clone https://github.com/soham047/JavaScript-Mini-Projects.git
   

2. Navigate to the desired project folder:

   cd JavaScript-Mini-Projects/project-folder-name
   

3. Open the index.html file in your browser to view the project locally.

---

🎯 Future Plans

• Enhance UI/UX design of these projects.
• Add more JavaScript mini-projects.
• Experiment with frameworks like React or Vue.js.

---

🤝 Connect with Me

Feel free to connect if you have suggestions or ideas:

• LinkedIn
• Instagram
• Portfolio - (not made yet)

---

📜 Acknowledgments

Thanks for checking out my mini-projects! If you like them, consider giving this repository a ⭐ to show your support.