/todo-list

A todo list made with javascript with features, including local storage.

Primary LanguageJavaScriptMIT LicenseMIT

πŸ“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.
  • 🎨 Color Themes: Users can choose several app color themes.
  • πŸ—ƒοΈ 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 using the native SpeechSynthesis API, with a selection of voices to choose from.
  • πŸ“₯ Import/Export Tasks: Users can import and export tasks to/from JSON files. This feature allows users to back up their tasks or transfer them to other devices easily. Example Import File
  • πŸ“΄ 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/priest-2105/todo-list.git
  • Navigate to the project directory: cd todo-list
  • Install the dependencies: npm install
  • Start the development server: npm run dev

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

# todo-list