Skip to content

Latest commit

 

History

History
111 lines (73 loc) · 3.62 KB

README.md

File metadata and controls

111 lines (73 loc) · 3.62 KB
Raw

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 image image image image

  • Tasks image

  • Notes image image

  • Workspaces image image

  • Search image

  • 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.