https://github.com/autumnchris/random-quote-machine-reactjs
A front-end web app that gets and displays an inspirational quote at random from my own Express.js Quotes API. Built with React.js.
https://github.com/autumnchris/random-quote-machine-reactjs
ajax api axios babel es6 freecodecamp javascript random-quote-machine react reactjs sass webpack
Last synced: 6 months ago
JSON representation
A front-end web app that gets and displays an inspirational quote at random from my own Express.js Quotes API. Built with React.js.
- Host: GitHub
- URL: https://github.com/autumnchris/random-quote-machine-reactjs
- Owner: autumnchris
- Created: 2017-12-22T00:32:22.000Z (almost 8 years ago)
- Default Branch: main
- Last Pushed: 2025-03-19T19:58:19.000Z (7 months ago)
- Last Synced: 2025-03-19T20:36:51.772Z (7 months ago)
- Topics: ajax, api, axios, babel, es6, freecodecamp, javascript, random-quote-machine, react, reactjs, sass, webpack
- Language: SCSS
- Homepage: https://autumnchris.github.io/random-quote-machine-reactjs
- Size: 3.43 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Machine (React.js)
A front-end web app that gets and displays an inspirational quote at random from my own Express.js [Quotes API](https://autumnchris-quotes.herokuapp.com). Built with React.js.
Inspired by the [Build a Random Quote Machine challenge](https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine) as part of the curriculum for the [Front End Development Libraries Certification](https://www.freecodecamp.org/learn/front-end-libraries) on [freeCodeCamp](https://www.freecodecamp.org).
---
## Built With
* [React.js](https://reactjs.org)
* [Sass](http://sass-lang.com)
* JavaScript
* CSS3
* HTML5
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* [Axios](https://axios-http.com)
* AJAX
* [Babel](https://babeljs.io)
* [Normalize.css](https://necolas.github.io/normalize.css)
* [Font Awesome](https://fontawesome.com)
* [Google Fonts](https://fonts.google.com)
## Demo
View project demo at [https://autumnchris.github.io/random-quote-machine-reactjs](https://autumnchris.github.io/random-quote-machine-reactjs).
## 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
```