https://github.com/autumnchris/random-quote-machine-vanilla-js
A front-end web app that gets and displays an inspirational quote at random from my own Express.js Quotes API. Built with vanilla JS.
https://github.com/autumnchris/random-quote-machine-vanilla-js
ajax api axios babel css css3 es6 freecodecamp html html5 javascript js-classes random-quote-machine sass scss vanilla-javascipt vanilla-js vanillajs webpack
Last synced: 3 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 vanilla JS.
- Host: GitHub
- URL: https://github.com/autumnchris/random-quote-machine-vanilla-js
- Owner: autumnchris
- Created: 2017-07-13T22:47:22.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2025-03-19T20:00:33.000Z (7 months ago)
- Last Synced: 2025-06-10T01:37:29.693Z (4 months ago)
- Topics: ajax, api, axios, babel, css, css3, es6, freecodecamp, html, html5, javascript, js-classes, random-quote-machine, sass, scss, vanilla-javascipt, vanilla-js, vanillajs, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/random-quote-machine-vanilla-js
- Size: 1.15 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Quote Machine (vanilla 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 vanilla 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
* Vanilla JS
* JavaScript
* [Sass](http://sass-lang.com)
* 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-vanilla-js](https://autumnchris.github.io/random-quote-machine-vanilla-js).
## 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
```