mdmonauwarulislam / ToDo-ContextAPI-Local

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React + Vite

React Vite Todo App with Local Storage

This project is a simple Todo application built with React and Vite, leveraging the power of Vite's fast build system for a seamless development experience. The application allows users to manage their tasks efficiently while utilizing local storage to persist data across sessions.

Live Link : [https://mdmonauwarulislam.github.io/ToDo-ContextAPI-Local/]

Features

  • Responsive Design: The Todo app is designed to work seamlessly on various devices, ensuring a consistent user experience on desktops, tablets, and mobile devices.

  • Add, Edit, and Delete Tasks: Users can easily add new tasks, edit existing ones, and delete tasks they no longer need.

  • Local Storage Integration: The application uses local storage to store tasks, ensuring that users' todo lists persist even if they close the browser or refresh the page.

  • Real-Time Updates: As users add, edit, or delete tasks, the interface updates in real-time, providing a dynamic and responsive user experience.

Technologies Used

  • React: The popular JavaScript library for building user interfaces, providing a component-based architecture for efficient development.

  • Vite: A fast and lightweight build tool for modern web development. Vite enables quick development and optimized production builds.

  • LocalStorage API: Utilized to store and retrieve tasks locally on the user's device, offering a seamless and persistent todo list experience.

Getting Started

  1. Clone the Repository:

    git clone https://github.com/your-username/react-vite-todo.git
    
  2. Install Dependencies:

    cd react-vite-todo
    npm install
    
  3. Run the Development Server:

    npm run dev
    
  4. Open in Browser: Visit http://localhost:3000 to view the Todo app in your browser.

Build for Production

To build the application for production, use the following command:

npm run build

This will generate optimized and minified files in the dist directory.

Contributions

Contributions are welcome! Feel free to open issues or submit pull requests to enhance the functionality or address any bugs.

License

This project is licensed under the MIT License - see the LICENSE file for details.

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

About


Languages

Language:JavaScript 94.5%Language:HTML 4.7%Language:CSS 0.8%