https://nightrunner91.github.io/nightlist/

Vue.js client-side app to store collections of games, movies and books
https://nightrunner91.github.io/nightlist/

collection design javascript lists personal-website pug sass scss vue vue-cli vue2

Last synced: 14 days ago
JSON representation

Vue.js client-side app to store collections of games, movies and books

• Host: GitHub
• URL: https://nightrunner91.github.io/nightlist/
• Owner: nightrunner91
• License: mit
• Created: 2020-09-10T07:26:11.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-21T22:34:29.000Z (almost 2 years ago)
• Last Synced: 2024-05-22T11:10:20.782Z (6 months ago)
• Topics: collection, design, javascript, lists, personal-website, pug, sass, scss, vue, vue-cli, vue2
• Language: Vue
• Homepage: https://nightrunner91.github.io/nightlist
• Size: 14 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Summary 📋

This is a front-end project for personal usage. It uses localStorage and/or local JSON file to store all my games, movies and books statistics in one pretty looking app. You can use it too, but be prepared to fill it with your data as I did.

Since you are using this app on your device at localhost it will use localStorage of your browser to store your data. Be aware not to clean it, otherwise you will loose all your data. Production mode uses [JSON file](backup.json) stored in core folder of the project. To save localStorage data to JSON file use keyboard combination `Ctrl + I`.

If you have any questions or you need some help feel free to contact me. Good luck. 😉

## Preview 🖥

[Github pages](https://nightrunner91.github.io/nightlist/)

## How to use it? 🖱

Clone repo and install dependencies 

```

git clone [email protected]:nightrunner91/nightlist.git

npm i

```

Run hot-reload dev server

```

npm run serve

```

Build your project

```

npm run build

```

## Ideas for future 💭

- Add history routing

- Add "About Me" page

- Add "My PC" page

- Add "My Statistics" page

- Add statistics widgets for each category

- Show replay/rewatch counter in cards and tables