Skip to content

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

License

Notifications You must be signed in to change notification settings

dilippitchika/TodoApp

Β 
Β 

Repository files navigation

πŸ“React.js Todo App

Netlify Status GitHub code size in bytes GitHub License

⚑ Features

  • Local and session storage: Save tasks locally and retain form data using session storage.
  • Custom Emojis: The app features different emoji styles to choose from, including Apple, Facebook, Twitter, Google and Native.
  • Share tasks by link: Easily share your tasks with others using a link. Example Link
  • Clean and responsive design: Ensures smooth user experience on various devices.
  • Native Intl Integration: Adapts to your language, timezone, and date preferences using the native Intl API
  • Customizable Categories: Users can create and personalize task categories to suit their preferences.
  • Multi-Task Selection: Option to select multiple tasks and perform actions on all of them at once.
  • Search Tasks: Search functionality allows you to filter tasks by name or description, making it easy to find what you need.
  • Task Reading Aloud: Option to have tasks read aloud, with a selection of voices to choose from.
  • 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.

πŸ“· Screenshots

πŸš€ Performance

🌐 Tech Stack

  • React
  • Typescript
  • Vite
  • Emotion
  • MUI

πŸ‘¨β€πŸ’» 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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • TypeScript 98.5%
  • HTML 1.3%
  • JavaScript 0.2%