Skip to content

Bilal742/Learning-Projects

Repository files navigation

Portfolio Apps 🚀

Overview

This repository showcases my personal portfolio with three fully functional React applications:
To-Do App, Quiz App, and Weather App.
All apps are built with React.js, styled using Tailwind CSS, and integrated with React Router for smooth navigation.
The design is fully responsive and modern.


Apps Included 📦

1. To-Do App ✅

  • Add, edit, and delete tasks
  • Mark tasks as completed
  • Filter tasks: All / Completed / Pending
  • Clear all tasks
  • Persistent storage using localStorage
  • Fully responsive UI

2. Quiz App 📝

  • Multiple choice questions
  • Navigate Next / Previous questions
  • Show correct answers
  • Score calculation and display
  • Restart quiz functionality
  • Progress indicator

3. Weather App 🌤️

  • Fetch current weather using OpenWeatherMap API
  • Input city name or press Enter to search
  • Displays temperature, weather condition, humidity, and wind speed
  • Error handling for invalid cities
  • Responsive and modern UI

Tech Stack 🛠️

  • Frontend: React.js
  • Styling: Tailwind CSS
  • Routing: React Router
  • API: OpenWeatherMap API for Weather App
  • Storage: localStorage for To-Do App

⚙️ Setup Instructions

  1. Clone the Repository:
    git clone https://github.com/yourusername/portfolio-apps.git
  2. Install Dependencies:
    npm install
  3. Run Locally:
    npm run dev

📬 Contact

👨‍💻 Muhammad Bilal
📧 bilalusman1291@gmail.com
🐙 GitHub Profile


If you like this project, don’t forget to give it a star on GitHub!

About

A collection of hands-on projects built using HTML, CSS, and JavaScript to strengthen my web development skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published