Skip to content

Open source project for creating small UI component to build large scale projects

Notifications You must be signed in to change notification settings

this-mkhy/react-curve

Repository files navigation

React Curve

This is react-curve, open source project where I can share and start creating small UI component in the way I understood the concepts to build large scale projects .

This is a work in progress and I don't think it will ever finish. I will continue updating it with examples and tricks.

Content:

Live Preview: React-Curve

Week 1 - Counter App

Read: how-to-code-counter

counter-app

Week 2 - Colors App

Read: How-to-map-over-a-list-of-colors

colors-app

Week 3 - Toggle App

Read: how-to-toggle

toggle-app

Week 4 - Handle Input App

Read: how-to-handle-input

handle-input-app

Week 5 - Disable Button App

Read: how-to-disable-button

disable-button-app

Week 6 - Sum Two Numbers App

Read: how-to-sum-two-numbers

sum-two-numbers-app

Week 7 - Todo Add App

*Read: how-to-add-to-todo-list

todo-add-app

Week 8 - Todo Delete App

*Read: how-to-delete-from-todo-list

todo-delete-app

Week 9 - Pomodoro Timer

pomodoro-timer-app

Docker 🐳

Install Docker first if you don't have it on your local PC.

How to run

This application is using docker compose file to declare and build image. To run the entire app use the next command in your terminal in the project root directory.

docker compose up

You only need one command to install dependencies and run application. Super easy!

To see running application navigate to http://localhost:8080/

Additional commands

If you want to keep your terminal free of logs you may use the next command

docker compose up -d

To see logs from the container in the detached mode use

docker compose logs -f

To stop containers use

docker compose stop

To stop and delete containers use

docker compose down

To delete images from your PC use

docker image rm <image ID>

Contributors