yozaam / todo

A simple TODO app using React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

how to deploy ?

  • oc login to a cluster
  • create / enter a project
  • run ./deploy.sh
  • follow the screenshots to create persistent storage (optional)
    • (topology -> rightclick -> add storage -> create new claim -> mount path = /items)
  • visit the public URL from your browser :)
    • (networking -> routes -> Name todo Location url)

Screenshots for steps on storage & finding routes tab:

Screenshot from 2021-08-19 12-20-27

Screenshot from 2021-08-19 12-20-39

Screenshot from 2021-08-19 12-21-42

Screenshot from 2021-08-19 12-24-53

  • Route is here:

Screenshot from 2021-08-19 12-26-52

Screenshot from 2021-08-19 12-27-14

how to run locally?

(on bash shell execute start.sh)

this script will run the two folders /frontend and /backend

Terminal 1

cd backend
npm run start

Terminal 2

cd frontend
yarn start

(If browser doesn't open automatically go to http://localhost:8080)

todo

A TODO app using React

Todo app using react & typescript with the features:
Use React & typescript
Use Functional components
No need to persist data
Simple CRUD operations on tasks
Allow filtering of tasks(active, completed, all)
Show count
Clear all button
Deploy on OCP using images(Dockerfile)
Deploy from GitHub using S2i
Backend
Backend pod - POST endpoint
Any DB

About

A simple TODO app using React


Languages

Language:TypeScript 68.9%Language:HTML 12.8%Language:JavaScript 9.6%Language:Shell 4.5%Language:CSS 2.5%Language:Dockerfile 1.6%