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: about 2 hours 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 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T14:54:05.000Z (almost 2 years ago)
• Last Synced: 2023-03-11T19:34:17.065Z (over 1 year 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





































![GitHub repo size](https://img.shields.io/github/repo-size/mudaston/React-Coffee?style=for-the-badge)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/mudaston/React-coffee?style=for-the-badge)



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.