https://github.com/mudaston/react-coffee
:atom: This project is a kind of coffee shop app.
https://github.com/mudaston/react-coffee
javascript learning programming react react-router reactjs spa study styled-components
Last synced: 10 months ago
JSON representation
:atom: This project is a kind of coffee shop app.
- Host: GitHub
- URL: https://github.com/mudaston/react-coffee
- Owner: mudaston
- Created: 2022-02-07T20:50:59.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-02-13T14:54:05.000Z (almost 3 years ago)
- Last Synced: 2025-01-21T06:08:25.850Z (12 months ago)
- Topics: javascript, learning, programming, react, react-router, reactjs, spa, study, styled-components
- Language: JavaScript
- Homepage: https://mudaston.github.io/React-Coffee
- Size: 4.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :coffee: React Coffee
This project is a kind of coffee shop app.
## Demo
[https://mudaston.github.io/React-Coffee](https://mudaston.github.io/React-Coffee)
## Screenshots
## System Requirements
- [git](https://git-scm.com/)
- [NodeJS](https://nodejs.org/en/)
## Run Locally
Clone the project
```bash
git clone https://github.com/mudaston/React-Coffee.git
```
Go to the project directory
```bash
cd React-Coffee
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run start
```
Open in a browser
```bash
http://localhost:3000
```
## Lessons Learned
I learned how to create [SPA](https://en.wikipedia.org/wiki/Single-page_application) with the [React Router](https://reactrouter.com/) and how to create styles with the [Styled Components](https://styled-components.com/) libraries
## Additional
This is my first React project that I created on my own a week after I started learning.