ViaxCo / todolist-v4-react

Create Todo Lists for different purposes

todolist-v4-react

This app lets you create various todo lists with their individual items, built using React, Redux and Node.js.

The context-api branch contains the exact project, but it uses the Context API instead of Redux for state management.

The difference between this and todolist-v3-react is that this gives each unique visitor to the website a separate space to create lists without the need to implement authentication. This is achieved using cookies and sessions.

How to use

Clone the project:

git clone https://github.com/ViaxCo/todolist-v4-react.git

Install dependencies:

npm install && cd client && npm install

Create a .env file for these environment variables:

NODE_ENV=development
DB_USERNAME=
DB_PASSWORD=
DB_HOST=
SECRET=

Run the dev server and client concurrently:

npm i -D concurrently
npm run dev

Build out the project for production:

npm run build && cd client && npm run build

The frontend production files would be contained in: "client/build", while the backend files would be in "dist"

Demo

A live demo of the code can be found here: Todo List