ToDo App by React.JS📋
Main stack of this application: JavaScript, React.JS😛
This is my vision for the implementation of the task of creating a ToDo App.
What I've done❓
Look at the app screenshot below. Let's look at the main components of the application:
- In the input line we enter the text of our new note.
- By clicking the Submit button(button №2), the note will be added to the note sheet.
- By clicking the Reset button(button №3), all notes will be deleted.
- By clicking the Clear Completed Todos button(button №4), all completed notes will be deleted.
- By clicking the Delete button(button №5), the selected note will be deleted.
- By clicking the Done button(button №6), the selected note will be marked as completed (if you press it again, the action will be canceled).
User guide📎
- Download zip-archive with code and open it in VSCode/WebStorm.
- Change directory in console to first/second version
cd ToDo-App - In console write next command to install all dependencies and modules for our project.
npm install - Then in console write next command to start program in live server.
npm start - In browser search bar type next text
http://localhost:3000/or it will open automatically - Enjoy it!
How does it look like👀
Screen of app
I just relax and gained experience here.
Still in progress? Convert to draft!:wink:
Cause we are the ones that want to play. Always want to go, but you never wanna stay. And we are the ones that want to choose. Always want to play, but you never want to lose 🎤System Of a Down — Aerials