A To-Do List App to Organize Your Work & Life

Screenshots

✨ About The Project

The project was developed with React.js by using React Hooks, styled with Tailwind CSS.

Tech Stack

• React
• Tailwind CSS

Library

• Recoil
• Axios

API

• mock API

⚡ Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

The project can be built with npm or yarn, so choose one of the approach bellow in case you don't have any installed on your system.

• npm is distributed with Node.js which means that when you download Node.js, you automatically get npm installed on your computer. Download Node.js

or

• Yarn is a package manager built by Facebook Team and seems to be faster than npm in general. Download Yarn

Installing

First clone this repository.

$ git clone https://github.com/fundakartal/todo-app-react.git

Sign up to mock API and create a todo app.

Schema example:

Parameter	Type
id	Object ID
content	String
isCompleted	Boolean

Create a file at the root of the project called .env.local with the following contents:

REACT_APP_URL = YOUR API ENDPOINT

Install dependencies. Make sure you already have nodejs & npm installed in your system.

$ npm install # or yarn

Run it

$ npm start # or yarn start

📬 Contact

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!