Git Product home page Git Product logo

todoapp's Introduction

πŸ“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 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/.

todoapp's People

Contributors

maciekt07 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.