Advanced React To-Do Application with API Integration

Overview

This project is an advanced To-Do application built using React, integrating external APIs, implementing Redux for state management, and ensuring responsiveness across devices. The application includes task prioritization, persistent storage, and a mock authentication system.

Features

• Task Management

  • Add, view, and delete tasks.
  • Set task priorities (High, Medium, Low).
  • Persistent storage using local/session storage.

• API Integration

  • Fetch and display relevant weather data for tasks.
  • Handle API errors gracefully.

• State Management

  • Utilize Redux Toolkit for global state management.
  • Implement Redux Thunk or Redux Saga for handling API requests.

• User Authentication

  • Simulated login/logout functionality using Redux.
  • To-Do list is accessible only to authenticated users.

• Responsive Design

  • Mobile-first approach.
  • Uses CSS Grid and Flexbox for adaptive layout.
  • Compatible with mobile, tablet, and desktop screens.

Technologies Used

• Frontend: React (Functional Components, Hooks)
• State Management: Redux Toolkit, Redux Thunk/Saga
• Styling: CSS, Bootstrap/Material-UI
• API: Public Weather API (or any other relevant API)
• Storage: Local Storage / Session Storage
• Authentication: Mock authentication using Redux

Installation

1. Clone the repository:

   git clone https://github.com/your-username/advanced-react-todo.git
   

2. Navigate to project folder and insatll dependencies:

   git clone https://github.com/DeepBindal/QuadB-Assignment.git
   npm run dev
   

3. RUn the project

   npm run dev