This is an example of a ToDo application. It`s purpose is to create and store a list of user's tasks.
📌 Key technologies and frameworks used in the project:
⭐ HTML
⭐ CSS
⭐ SCSS
🌐 React
🌐 TypeScript
Follow these steps to set up this project locally:
- Clone the repo
git clone https://github.com/andriy-fesych/ToDo_application.git - This project was build on node version 14.21.3, but running completely fine on v20
If You are using node version 20+, skip step 3. Otherwise, to easily switch between node versions I recommend using NVM:
Node Version Manager install guide
Using this guide ☝️ choose NVM v1.1.12 from here, as it is more stable - Now to use correct node version:
nvm install 20.19.0
nvm use 20.19.0 - Install dependencies:
npm install
or
yarn install - Run the project locally:
npm start
or
yarn start - Congratulations! You are now set! 😊
Features:
🔥 Routing made with React Router
💾 Two ways to store ToDos
⭐ Local Todos stored in local storage, on the machine you are using.
🌐 Cloud Todos stored on the server, and accessible from any device, if you remember your email (serves as a unique identifier).
⚡ Registration Form available for new users:
📀 if You are a registered user, just press login in the top right, and enter your email;
💿 if You are not registered, just type in your email, and press Enter - a registration form will appear, for You to create an account;
🗃️ You can filter todos based on their completion status.
🧽 You may also wipe completed todos from the list ("Clear completed" button).