https://github.com/abhijitnr/todo-app-frontend

This is a todo app that I built. In this todo app, you can add a todo, update a todo, delete a todo, and see all the todos available in the database. To check my todo app, just click the link given below 👇👇👇
https://github.com/abhijitnr/todo-app-frontend

axios react react-icons reactjs rest-api todo todo-app todo-list todoapp todolist

Last synced: about 1 month ago
JSON representation

This is a todo app that I built. In this todo app, you can add a todo, update a todo, delete a todo, and see all the todos available in the database. To check my todo app, just click the link given below 👇👇👇

• Host: GitHub
• URL: https://github.com/abhijitnr/todo-app-frontend
• Owner: abhijitnr
• Created: 2022-12-12T20:14:23.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T21:02:23.000Z (about 2 years ago)
• Last Synced: 2023-05-13T04:15:28.882Z (over 1 year ago)
• Topics: axios, react, react-icons, reactjs, rest-api, todo, todo-app, todo-list, todoapp, todolist
• Language: JavaScript
• Homepage: https://abhijit-fullstack-todo-app.netlify.app/
• Size: 567 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TODO APP FRONTEND

## About

- This is a Todo App that I built in react.

- In this Todo App you can able to add a new todo, update the todo and also you can delete the todo.

## Deployed link 👇👇👇

[MY TODO APP](https://abhijit-fullstack-todo-app.netlify.app/)

## Features

- Add a new todo

- Update a existing todo

- Delete the todo from the list

## Files and Folder structure

- ### assets

  - ### [desktop.png](./assets/desktop.png)

  - ### [mobile.png](./assets/mobile.png)

  - ### [tablet.png](./assets/tablet.png)

- ### public

  - ### [index.html](./public/index.html)

  - ### [logo.png](./public/logo.png)

- ### src

  - ### components

    - ### [Todo.jsx](./src/components/Todo.jsx)

  - ### utils

    - ### [HandleApi.js](./src/utils/HandleApi.js)

  - ### [App.js](./src/App.js)

  - ### [index.css](./src/index.css)

  - ### [index.js](./src/index.js)

- ### .gitignore

- ### [package-lock.json](./package-lock.json)

- ### [package.json](./package.json)

## Usage guide

- git clone https://github.com/abhijitnr/Todo-App-Frontend.git

- cd frontend

- npm install

- npm start

## Overview

## Desktop Screen

- ![desktop](./assets/desktop.png)

## Tablet Screen

- ![tablet](./assets/tablet.png)

## Mobile Screen

- ![mobile](./assets/mobile.png)