Todo JS

Content

About   |    Description   |    Live Demo   |    Screenshots   |    Built with   |    Setup   |    Prerequisites   |    Author

About

Todo JS is a JavaScript project that is intended to showcase an understanding of such JavaScript concepts as Objects, Factory Functions, The Module Pattern, and OOP. The project also illustrates the concepts of Single Responsibility and Tightly Coupled Objects. The codebase is well structured into different modules using Webpack. To persist the data localStorage is implemented.

Description

This project allows a user to:

Create a project

Update a project

Delete a project

Add tasks to a project

Update a particular task

Delete task from a project

Persist projects using browser's localStorage

🔴 Live Demo

Click here in order to see a Live Demo of this project.

Screenshots

🔧 Built with

• Vanilla JavaScript
• ES6
• HTML
• SCSS
• Webpack
• ESLint
• StyleLint

🔨 Setup

Run a Local Copy

• Download the repository to a local directory on your computer.
• Or run the following commands on the terminal $ git clone https://github.com/temesghentekeste/todo-js.git $ cd todo-js $ npm install $ npm install --only=dev $ npm start (This is the development mode) $ npm run build (This is the production mode)

Run a Test

$ npm test (or) npm run watch

Prerequisites

• npm
• A modern up-to-date browser
• Text Editor

✒️ Author

👤 Temesghen Tekeste

• Github: @temesghentekeste
• Twitter: @temesghentekes1
• Linkedin: temsghen tekeste

🤝 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!

👏 Acknowledgements

• microverse.org
• The Odin Project
• netlify