Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/autumnchris/reading-list-vanilla-js

A front-end web app that uses LocalStorage to store and present entered data for the user's personal reading list. Built with vanilla JS.
https://github.com/autumnchris/reading-list-vanilla-js

babel book-list css es6 html html5 javascript library localstorage reading-list sass scss the-odin-project theodinproject vanilla-javascript vanilla-js vanillajs webpack

Last synced: 2 days ago
JSON representation

A front-end web app that uses LocalStorage to store and present entered data for the user's personal reading list. Built with vanilla JS.

Awesome Lists containing this project

README

        

# Reading List (vanilla JS)

A front-end web app that uses LocalStorage to store and present entered data for the user's personal reading list. Built with vanilla JS.

Inspired by the [Library assignment](https://www.theodinproject.com/lessons/node-path-javascript-library) 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
* Vanilla JS
* JavaScript
* [Sass](http://sass-lang.com)
* CSS3
* HTML5
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* LocalStorage
* [Babel](https://babeljs.io)
* [Normalize.css](https://fonts.google.com)
* [Google Fonts](https://fonts.google.com)
* [Font Awesome](https://fontawesome.com)

## Demo

View project demo at [https://autumnchris.github.io/reading-list-vanilla-js](https://autumnchris.github.io/reading-list-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
```