Let's Go! Frontend

Welcome to the Let's Go! Frontend repository. This project serves as the frontend for the fullstack application, built using React with TypeScript. It offers a modern UI with ChakraUI, real-time data fetching with TanStack Query, and dynamic theme switching.

⚙️ Tech Stack

• React: JavaScript library for building user interfaces.
• TypeScript: Superset of JavaScript for static typing.
• ChakraUI: Modern UI component library.
• TanStack Query (React Query): For data fetching and caching.
• Axios: Promise-based HTTP client.

✅ Features

• CRUD Functionality: Manage todos with Create, Read, Update, and Delete operations.
• Light and Dark Mode: Dynamic UI theme switching powered by ChakraUI.
• Responsive Design: Optimized for mobile, tablet, and desktop screens.
• Real-Time Data: Efficient data fetching, caching, and synchronization with TanStack Query.
• Stylish UI: Modern and accessible components from ChakraUI.

📦 Prerequisites

Ensure you have the following installed on your machine:

• Node.js (version 14 or later)
• npm or Yarn

📖 Usage

CRUD Operations

• Create Todo: Use the form to add a new todo.
• Read Todos: View the list of all todos.
• Update Todo: Edit an existing todo by clicking the edit button.
• Delete Todo: Remove a todo by clicking the delete button.

Theme Switching

Toggle between light and dark modes using the theme switcher in the UI.

Responsive Design

The application is fully responsive and adapts to various screen sizes, ensuring a seamless experience on mobile, tablet, and desktop devices.