https://github.com/jesuisstan/todoreactapp
The very first React Application
https://github.com/jesuisstan/todoreactapp
javascript js jsx react react-components react-hooks webapp
Last synced: about 2 months ago
JSON representation
The very first React Application
- Host: GitHub
- URL: https://github.com/jesuisstan/todoreactapp
- Owner: jesuisstan
- Created: 2023-01-12T12:01:00.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-01T19:05:19.000Z (about 3 years ago)
- Last Synced: 2025-09-06T14:55:19.111Z (10 months ago)
- Topics: javascript, js, jsx, react, react-components, react-hooks, webapp
- Language: JavaScript
- Homepage:
- Size: 1.11 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoReactApp
### Getting Started with React
This is my very first WebApp. It is about getting started with React.\
This simple web application allows you to create your own todos list and manage with each todo.\
The project demonstrates basic knowledgement on working with html, css, React, JSX, useState hook.\
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Demonstration
https://user-images.githubusercontent.com/82715902/212078125-4b55f990-7a9c-46cb-a763-86d121697d15.mp4
## Requirements
- installed Docker or NPM
## How to use
In project directory:
### To run the App with Docker:
1. Build the Docker image using the Dockerfile with cmd:
```sh
docker build -t todo-react-app .
```
2. Run the Docker container based on that image with cmd:
```sh
docker run -d -p 3000:3000 todo-react-app
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
### To run the production build of the app:
1. Install [serve](https://github.com/vercel/serve) and let it handle the rest with cmd:
```sh
npm install -g serve
```
2. Start 'TodoReactApp' with cmd:
```sh
serve -s build
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
### To run the app in the development mode:
1. Install all the dependencies according to 'package.json' file with cmd:
```sh
npm install
```
2. Start 'TodoReactApp' with cmd:
```sh
npm start
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.