7-Day React Frontend Challenge

Day 1: Age Calculator

• Created a responsive age calculator where users can input their birthday and see their current age in years.
• Technologies: React, useState
• Features:
  • Input birthday
  • Display age in real-time
  • Responsive design for various screen sizes

---

Day 2: Weather App

• Build a weather application that fetches data from a weather API and displays current weather conditions for a searched location.
• Technologies: React
• Features:
  • Search for weather by city
  • Display temperature, humidity, wind speed, and a weather icon

---

Day 3: E-commerce Product Page

• Create a product detail page for an e-commerce website.
• Technologies: React, useState, useContext (for global state management)
• Features:
  • Product image gallery
  • Product details (title, description, price)
  • Add to cart functionality
  • Filter Functionality: Users can filter products based on various criteria such as category, Electronics, Jewelery and more enhancing the browsing experience.

---

Day 4: Blog Website

• Developed a simple blog website where users can read posts and filter them by category.
• Technologies: React, React Router (for navigation)
• Features:
  • List of blog posts with titles and snippets.
  • Filtering by categories (e.g., Economy, Health, Tech, etc.).
  • Individual blog post page with full content.
  • Dynamic content rendering based on category selection.
  • Responsive design.

---

Day 5: Expense Tracker

• Create an application to track personal expenses and income.
• Technologies: React, useReducer (for state management)
• Features:
  • Add and remove expenses and incomes
  • Display total balance
  • Filter transactions by date or category

---

Day 6: ToDo App with Categories

• Build a dynamic ToDo application where users can create, categorize, and manage tasks, and persist data using local storage.
• Technologies: React, Local Storage (for data persistence)
• Features:
  • Add/Edit Todos
  • Categorize Tasks
  • Mark Tasks as Completed
  • Filter by Category
  • Local Storage Persistence
  • Delete Tasks

---

Day 7: Portfolio Website

• Create a personal portfolio website to showcase your projects and skills.
• Technologies: React, React Router
• Features:
  • About me section
  • Projects showcase with links to live demos and GitHub repos
  • Contact form