Skip to content

The third version of my website to showcase my favorit novels, this time with Vue.js

License

Notifications You must be signed in to change notification settings

Alexever17/novelslist

Repository files navigation

Novelslist

The third version of my website to showcase my favorit novels and books, this time made with Vue.js.

See my favorite novels and get inspired to read some!

Preview

Preview of the live novelslist website

Description

This is an ongoing project with multiple purposes in mind.
First of all I would like to create an easy, digital repository to save the informaitons of all the books I read and also maintain their progress easily with cross platform tools.
Secondly, this functions as a project to learn vue.js, a major frontend library. To learn more about it head to the Packages section. If possible this project will be constantly updated and will hopefully include access for users.

Chingu

This project is part of the Chingu program.
"Chingu is a remote 6-week program for web developers.
You will build a project in a remote team and level-up with the technical and soft skills required in a professional software job."
Please visit them at the link above!

Livesite

badge website online
Live website can be found under: novelslist

Features

  • Now
    • Carousel with recent additions
    • Chart with database information
    • Filterable table with novel information
  • Future
    • Admin tools to change contents from the database on any device
    • Mobile App
    • Eventual user features like faving novels from database or getting some novel suggestions

Roadmap

A finished MVP version of the website is currently live
The current Roadmap looks like this: novelslist roadmap

Project setup

For the project to function locally you need to have a foundation in vue.js and npm.

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Packages

All Packages used were amazing and I hope anyone who stumbles upon them will try them out. It was a privilage and pleasure to work with these components:

  • UIkit - Overall great and flexible css library and additional functionality like a carousel.
  • vue.js - My prefered front end library. Vue is amazing
  • firebase - Great database solution and free for small websites. Made by google
  • vue-good-table - Great and superbly powerful vue component for tables.
  • vue-chartjs - Great wrapper for chart.js on the vue.js Plattform
  • random-color - Nice package to create random colors with flexible requirements
  • color-blend - Cool package to blend 2 colors together. A bit formating is necessary
  • vue-cookie-law - Simple cookie compliency component which was very easy to install. Great stuff

Author(s)

  • Oleksandr Malakhov - Also known as Alexever17. Hobby web dev. Maker of games and reader of novels

Contributing

Contributing is very welcome. Just open a pull request if you want to help out.
Just make sure not to make any big changes to the overall structure! Thanks.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

The third version of my website to showcase my favorit novels, this time with Vue.js

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published