Microverse Module 03 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack, React.

By Basir Mohammadi
Last update: Aug 25, 2022
Comments: 1

To-Do-List

This is a website that allows users to add/remove today's todo from a list. This project is build using JavaScript objects,arrays, react , hooks, restful API.

Built With

HTML
CSS
Javascript
webpack
React
Restful API

Getting Started

To get a local copy up and running follow these simple example steps.

Clone repository in your local machine
cd Portfolio
open index.html in your browser.
You can use live server.

Live Demo

Todo Live

Author

👤 Basir Mohammadi

GitHub: @basirking
LinkedIn: Basir Mohammadi

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ to if you like this project!

Acknowledgments

Hat tip to anyone whose code was used
Inspiration
etc

📝 License

This project is MIT licensed.

Github

https://github.com/Basir-Mohammadi/react-todo

Comments(1)

1

Todo list
Proposed changes

The aim of this pull request is to setup a Todo list project

The following setups were implemented
- Part 1 - React tutorial: The beginner's guide to learning React in 2020.
- Part 2 - Working with React form and handling event.
- Part 3 – How to implement CSS in Reactjs app.
- Part 4 – How to edit to dos items.
- Part 5 – Persisting React state in local storage (Optional).
- Part 6 – Getting started with React lifecycle methods.
- Part 7 – Getting started with React hooks.
- Part 8 – How to use SVG icons in React (Optional).
- Part 9 – Routing with React Router.
- Part 10 – How to add hamburger menu in React (Optiona).
- Part 11 – Deploying React app to GitHub Pages (Optional).
- Create a new repository work on a new branch (use Gitflow).
Type of change
- New feature
Checklist
- Linting tests pass locally with my changes
- Used correct GitHub flow
- Documentation is done in a professional way

Microverse Module 03 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack, React.

To-Do-List

Built With

Getting Started

Live Demo

Author

🤝 Contributing

Show your support

Acknowledgments

📝 License

Github

Comments(1)

Todo list

Proposed changes

Type of change

Checklist

Popular Tag

Related

This project is a simple To-Do-List App where a user can add, remove and clear tasks. It was designed using HTML/CSS. JavaScript was used to add functionalities by using the Webpack dev server to display the app on a web server.

This is your virtual to-do list, a website where you can add, remove and edit your tasks.

To Do app that helps the user to organize activities, with editable and autosaving input text area, marking activities as completed, and deleting selected activities one by one or in group. Built with JS, HTML and CSS as a Microverse Module 2 project.

The Odin Project: This is an educational project to make sign-up form following a design provided by The Odin Project. Built with HTML, Sass and JavaScript.

A simple to do list webpage where you can log the daily tasks you have to do, mark them as checked, modify them, reorder them and remove them. Made using HTML, CSS and JavaScript.

In this website you will add todo list and also show your todo list and update your todo list. Built in JavaScript.

This is an educational project to make a website for a web conference event with home page and about page.

In this project, I built a basic website that allows users to add/remove books from a book list.

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: - Make simple calculations. - Read a random math-related quote. Built with React and pure CSS

This is the first Microverse Capstone Project which was meant to summarise all the contents learned through from the first module. The project was about an International Summit which mimicked the design of Cindy Shin in Behance.

The leaderboard website displays scores submitted by different leaders. It also allows you to add your score. The data is fetched from api and it also allow us to submit new score to API. Build with Html, CSS, JS, and Webpack

A basic website that allows users to add/remove books from a list using Javascript ES6

MIKPOS is a management users and payments that can be used in HotSpot and PPP MikroTik RouterOS users based RouterOS API.

This is a project that simulates a Concert website where users can check all the information of it. Built with HTML, CSS, and it includes items created dinamically with JavaScript.

A web application for storing books collection with functionality to add books and remove books.

I built an image editing software by using python-eel. User can edit photos easily by this software.

The goal of the Microverse Capstone Project for Module I: (The Portal) is to create a website with an about page and a home page for an online conference event. Built with JavaScript, CSS, and HTML.

The Bookstore is an app that displays a list of books and allows you to add and remove books from that list. Built with HTML, CSS, JavaScript, and React.

A landing page of a store where users can look for the products that the store provides, if they want to buy a product they can communicate through WhatsUp with the store and order a product. Built with HTML, CSS, JavaScript (Es6).

Team project completed after the HTML / CSS module