mioncgp / TodoApp

πŸ“ React.js todo app with many features, including local storage, different emoji styles, import/export of tasks, and offline usage as a PWA.

Home Page:https://react-cool-todo-app.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ“React.js Todo App

πŸ“· Screenshots

⚑ Features

  • All tasks are stored in local storage
  • The app features different emoji styles to choose from, including Apple, Facebook, Twitter, Google and NATIVE!
  • It has a clean and responsive design, ensuring a smooth user experience across different devices.
  • Customizable Categories: Users can create and personalize task categories to suit their preferences.
  • Import/Export Tasks: Users can now import and export tasks to/from JSON files. This feature allows users to back up their tasks or transfer them to other devices easily.
  • Works offline: This app is a Progressive Web App (PWA), which means it can be installed on your device and used even when you're offline. You can access and manage your tasks without an internet connection, ensuring uninterrupted productivity.

πŸš€ Performance

βš™οΈ Installation

To install and run the project locally, follow these steps:

  • Clone the repository: git clone https://github.com/maciekt07/TodoApp.git
  • Navigate to the project directory: cd TodoApp
  • Install the dependencies: npm install
  • Start the development server: npm run dev

The app will now be running at http://localhost:5173/.

About

πŸ“ React.js todo app with many features, including local storage, different emoji styles, import/export of tasks, and offline usage as a PWA.

https://react-cool-todo-app.netlify.app/

License:MIT License


Languages

Language:TypeScript 99.2%Language:HTML 0.5%Language:JavaScript 0.2%