Dia Aberto high fidelity prototype

High fidelity prototype for Computer Science project "Dia Aberto", using the Javascript frontend web framework "Vue.js".

UPDATE

Dependencies' versions are now fixed (instead of set to "latest", which created problems)

Also, for your convenience the project is now live at: https://tiagonuneslx.github.io/dia_aberto_frontend/

Please consider staring the project and maybe following me on Github/LinkedIn (https://www.linkedin.com/in/tiago-nunes-8430401b7) 🙌 Cheers 🍻

Main Prerequisites

• Git
• Latest Node.js

Installing

First, clone the project from GitHub using Git.

git clone https://github.com/tiagonuneslx/dia_aberto_frontend.git

All project dependencies can be installed running this command in the command line in the root of the project.

npm install

Usage

To run the server in localhost, run this command in the root of the project.

npm run serve

Dependencies overview

• Node.js: JavaScript runtime designed to build scalable network applications (installation includes NPM)
• NPM: ("Node Package Manager") used to manage project dependencies (included in Node.js installation)
• Vue.js: Framework built on top of Node.js for building web clients (frontend)
• Vue-cli: Command line interface for managing Vue.js projects
• Cli-service: Provides commands for quick serving, building, testing, linting
• Vue-router: Vue.js routing framework (manages urls)
• Vuex: Vue.js global state management (when standard state management is not good enough)
• Apollo: GraphQL client library for communication with GRAPHQL web API
• Graphql-tag: Interpreting GraphQL code in JS using gql tag
• Babel: Javascript compiler, compiles next-gen Javascript to browser-compatible Javascript
• ESLint: Javascript linter, for finding and fixing errors
• Prettier: Opinionated code formatter
• Test-utils: Standard Vue.JS testing utilities, for Unit testing
• Mocha: Javascript testing framework, for Unit Testing
• Chai: Javascript assertion library (to pair with a testing framework)
• Sass-loader: Stylesheet compiler, compiles .sass/.scss to .scss
• Node-sass: Provides binding for Node.js to the Stylesheet compiler
• Buefy: Bulma's Vue.js components

Author

• Tiago Nunes - tiagonuneslx

License

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