https://github.com/kayange123/hisp-todo-app

A todo App created as an online teaser to showcase skills on different techs such as API integration, front end development and software development skills
https://github.com/kayange123/hisp-todo-app

api axios rapidapi react react-hot-toast react-router-dom tailwindcss

Last synced: about 2 months ago
JSON representation

A todo App created as an online teaser to showcase skills on different techs such as API integration, front end development and software development skills

• Host: GitHub
• URL: https://github.com/kayange123/hisp-todo-app
• Owner: Kayange123
• Created: 2023-06-06T17:30:21.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-07T16:28:43.000Z (about 3 years ago)
• Last Synced: 2025-07-10T13:14:40.514Z (11 months ago)
• Topics: api, axios, rapidapi, react, react-hot-toast, react-router-dom, tailwindcss
• Language: JavaScript
• Homepage: https://hisp-todo.netlify.app/
• Size: 71.3 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# hisp-todo-app

A todo App created as an online teaser to showcase skills on different techs such as API integration, front end development and software development 

## Setup

`Clone/download/fork` a repository, Using  `git` get a repository locally to your computer.

## Initialize

Using any package manager of your choice, either `npm` or `yarn`. Install all the dipendencies of `package.json` file using either `yarn install` or `npm install`

After successfull installation you are ready to go!

## Start

Run either `yarn run dev` or `npm run dev` to start a server to your localhost at the port 5173 -> `http://localhost:5173`

# Screenshots

## Home page

![Screenshot (92)](https://github.com/Kayange123/hisp-todo-app/assets/96143653/682fba8d-1095-4edb-a151-de822107422b)

## Modal to add a todo

![Screenshot (93)](https://github.com/Kayange123/hisp-todo-app/assets/96143653/d0731881-c8d4-48ee-b20a-7545d671fa3d)

## Example of completed todo

`Completed` todos are only `deletable` but not `editable` 

![Screenshot (95)](https://github.com/Kayange123/hisp-todo-app/assets/96143653/f45729c5-5a72-4c24-9312-cace84288bfd)

## Example of Incomplete/ In progress todo

`Incomplete` todos are `editable` and `deletable`

![Screenshot (96)](https://github.com/Kayange123/hisp-todo-app/assets/96143653/16de1ef1-128e-43ed-8e7f-8d8f5ac48eb7)

## Example of editable incomplete todo

![Screenshot (98)](https://github.com/Kayange123/hisp-todo-app/assets/96143653/5fc92de1-0616-4bb9-95dd-308304c017d8)