dxnsav/todo-mobx

React Todo Application using MobX

This is a simple todo application built with React and Mobx. It allows users to add tasks, mark them as complete, and view the list of incomplete and completed tasks.

Features

• Add new tasks
• Mark tasks as complete or incomplete
• View the list of incomplete and completed tasks

Getting Started

These instructions will help you set up and run the project on your local machine.

Prerequisites

• Node.js (LTS version recommended)
• npm (comes bundled with Node.js) or Yarn

Installation

1. Clone the repository to your local machine: git clone https://github.com/your-username/react-todo-app.git

2. Change into the project directory: cd react-todo-app

3. Install the required dependencies: npm install

or if you are using Yarn:

yarn

4. Start the development server:

   npm start

or if you are using Yarn:

yarn start

5. Open your browser and navigate to http://localhost:3000 to view the app.

Technologies Used

• React
• Mobx
• Chakra UI

Folder Structure

src/
├── App.js
├── components/
│   ├── TodoList.js
│   ├── IncompletedTodo.js
│   ├── CompletedTodo.js
├── context/
│   ├── todoContext.js
├── index.js
├── store/
│   ├── store.js
├── theme/
│   ├── theme.js

Contributing

If you'd like to contribute to this project, please submit an issue or a pull request.