📝React.js Todo App

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

💻 Tech Stack

• React
• Typescript
• Vite
• Vitest
• Emotion
• Material UI (MUI)

⚡ Features

• 📦 Local and session storage: Save tasks locally and retain form data using session storage.
• 😜 Custom Emojis: The app features custom emojis and 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 or QR code, with the option to download the QR code. Example Link
  
• 🤖 AI emoji choosing: This uses window.ai which is an experimental feature that works only in dev version of Chrome with some flags enabled. More info
  
• 📱 Clean and responsive design: Ensures smooth user experience on various devices.
• 🔍 Highlighted Links in Task Descriptions: Links included in task descriptions will be visually highlighted for easier identification and access.
• 🌐 Native Intl Integration: Adapts to your language, timezone, and date preferences using the native Intl API.
• 🌍 Browser Translation Support: Seamlessly translate the entire page into different languages using your browser's translation feature, ensuring accessibility for users worldwide.
• 🗂️ 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, used even when you're offline and behave like a normal application with shortcuts and badges.
  

📷 Screenshots

🚀 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/.