To run this application, follow the below steps
-
clone the frontend git repository from https://github.com/saikumarpb/todo-react
-
clone the backend git repository from https://github.com/saikumarpb/spring-boot-todo-backend
-
Instructions to setup backend repository are mentioned in the Readme.md file in the backend repo itself. Follow the instructions and complete the backend setup successfully.
-
After completing backend setup, add the backend url in
.env
file of this repository. -
open terminal and execute the below commands
npm install
this installs all the packages required to run the application.npm start
this will build and deploy application on a live server in your local machine. server url would be http://localhost:1234 if port 1234 not occupied on your machine.
-
Now the todo application is live and can be tested.
- react and react-dom
- typescript the language itself
- parcel for bundling,development server, traspiling (uses
babel
as transitive dependency), creating builds for production. - axios for interacting with backend using API's.
Note: project is built from scratch using npm,parcel unlike conventional way of initializing a react application using create-react-app which would come with plenty of functionality out of the box. this project uses required packages only. resembles lightweight customized version of create-react-app
- Create a todo/task with description.
- Edit/Update a pending todo/task.
- Mark a todo for completion.
- Delete a completed/Pending task.
- UI contains 3 sections Add/Edit Todo, Todo list, Completed Task list.