MuriloRoque / js_todo_list

This is a Todo List. When you access the app, you will be able to create projects and todos. Then you can assign your todos to the created projects. You can also mark them as completed. Built with Javascript, HTML, and SCSS.

Todo list (Javascript)

This is a Todo List created with Javascript.

The look of the User Interface

When you open the app, you will see three buttons

• New Project: You can create a new Project
• New Todo: You can create a new Todo and Associate a project to it
• Show Project: A list of all Projects is desplayed and the todo for each project with the edit and delete buttons

Screenshot

Live Demo

Click for live webpage

Built With

• JavaScript
• HTML5
• Bootstrap
• scss

Requirements

• Keep your code clean.
• Do not commit console.log to your repo. - It’s ugly, it kills performance and it can make confidential data be visible in the browser tools.
• Keep the number of changes/updates to the DOM as low as possible, they are very expensive for the browser.
• Keep the application logic separated from DOM manipulation tasks.
• Keep all the styling logic in CSS files.
• Use object destructuring to get the values from an object. This way you can avoid repeating a lot of code.

Setup

• Clone the repository on your local machine
• Cd into the folder
• Run npm install
• Run npm run dev

Install

• Install VSCode or any code editor you like

Authors

👤 Murilo Roque

• Github: @muriloroque
• Twitter: @MuriloRoquePai1
• Linkedin: MuriloRoque

👤 Theophile Kango

• Github: @githubhandle
• Twitter: @twitterhandle
• Linkedin: linkedin

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page

Show your support

Give a ⭐️ if you like this project!