react-todo

React-todo is react app created as frontend part for todo project. Written using React, Redux toolkit, Axios, react-router-dom v6 and Bootstrap.

Features

• ✨ Responsive design with bootstrap.
• 👤 Login/Signup and save user information in localstorage.
• 🔐 Secure routes with react-router-dom v6.
• 🌐 Using the redux toolkit to configure global store of the app and create async thunks and reducers.

Demo

Todoify App

Screenshots

• Home, Login, Signup pages

• Tasks

• Notes

• Workspaces

• Search

• Fully adaptive app design

Requirements

1. php-yii2-todo.

Getting started

Installation

• Clone the project

  git clone https://github.com/ArtemBurakov/react-todo.git

• Go to the project directory

  cd react-todo

• Install dependencies

  npm install

• Run app (before starting follow the configuration steps)

  npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

Deployment

To deploy this project run

  npm run deploy

Configuration

1. php-yii2-todo installation

To make this application fully functional, you need the backend part of the php-yii2-todo project. How to setup php-yii2-todo can be found here.

2. Environment Variables

To run this project, you will need to add the following environment variables to your .env file.

• Create a new .env file in project root folder

  touch .env

Configuration Values

• REACT_APP_PUBLIC_URL - your public url
• REACT_APP_API_URL - your API url

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.