https://github.com/autumnchris/multipage-coffee-shop-site-reactjs
A front-end multipage web app of a mock coffee shop using front-end routing. Built with React.js.
https://github.com/autumnchris/multipage-coffee-shop-site-reactjs
babel coffee-shop coffee-shop-website react react-hooks react-router reactjs sass scss the-odin-project theodinproject webpack
Last synced: about 1 year ago
JSON representation
A front-end multipage web app of a mock coffee shop using front-end routing. Built with React.js.
- Host: GitHub
- URL: https://github.com/autumnchris/multipage-coffee-shop-site-reactjs
- Owner: autumnchris
- Created: 2022-09-16T19:29:54.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-12T01:02:13.000Z (over 1 year ago)
- Last Synced: 2025-04-10T14:17:02.607Z (over 1 year ago)
- Topics: babel, coffee-shop, coffee-shop-website, react, react-hooks, react-router, reactjs, sass, scss, the-odin-project, theodinproject, webpack
- Language: SCSS
- Homepage: https://autumnchris-coffee-shop-site-reactjs.onrender.com
- Size: 14.3 MB
- Stars: 6
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multipage Coffee Shop Site (React.js)
A front-end multipage web app of a mock coffee shop using front-end routing. Built with React.js.
Inspired by the [Restaurant Page assignment](https://www.theodinproject.com/lessons/node-path-javascript-restaurant-page) as part of the curriculum for the [JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) on [The Odin Project](https://www.theodinproject.com).
---
## Built With
* [React.js](https://reactjs.org)
* [React Router](https://reactrouter.com)
* [Sass](http://sass-lang.com)
* JavaScript
* CSS3
* HTML5
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* [Babel](https://babeljs.io)
* [Normalize.css](https://necolas.github.io/normalize.css)
* [Font Awesome](https://fontawesome.com)
* [Google Fonts](https://fonts.google.com)
* [Dark Idea font](https://befonts.com/dark-idea-font.html)
* [TA Typefire font](https://befonts.com/ta-typefire-font-family.html)
## Demo
View project demo at [https://autumnchris-coffee-shop-site-reactjs.onrender.com](https://autumnchris-coffee-shop-site-reactjs.onrender.com).
## Instructions
After forking and cloning, navigate to the repository in your command line and install the NPM packages:
```
npm install
```
Run the following script in your command line to run the application:
```
npm start
```
Once the server is running, go to `http://localhost:8080` in your browser.
Before committing any changes, run the following script to update your static files for production:
```
npm run build
```