1.Introduction
- 1.1How this work is organized
- 1.2Technologies employed
- 1.3Tables
2.Installation
3.Backend project
- 3.1Reloading changes automatically
- 3.2Server Configuration
- 3.2.1dotEnv
- 3.2.2Cors
- 3.2.3bodyParser
- 3.2.4Json Web Token
- 3.2.5Server port
- 3.3Database configuration
- 3.3.1Instalation
- 3.3.2Creating the users table (migration)
- 3.3.3Adding data (seed)
- 3.4GraphQL configuration
- 3.4.1Testing GraphQL
- 3.4.2Protecting GraphQL Interactive
- 3.4.3Updating data
4.Frontend project
- 4.1Installation
- 4.2Bulma installation
- 4.3Running the frontend project
- 4.4Knowing Vue
- 4.5Refactoring the Vue project
- 4.6Using GraphQL in Vue
- 4.7Using GraphQL to get data
- 4.8Displaying data on the screen
- 4.9Error handling
5.Authentication
- 5.1Configuring the server
- 5.1.1Schema creation
- 5.1.2Rosolver creation
- 5.1.3Creating the “/auth” API
- 5.1.4Testing the API
- 5.2Configuring the frontend
- 5.2.1Creating the login form
- 5.2.2Configuring Axios
- 5.2.3Definition of store
- 5.2.4Signup/login
- 5.2.5Displaying an error message
- 5.2.6Using Nested destructuring
- 5.2.7Displaying a welcome message
- 5.3Protecting the API with login
- 5.4Sending the token to backend
- 5.5Showing Graphiql without login
- 5.6Protecting routes with login
- 5.7Displaying the menu items according to the login
6.Modularizing the Graphql
- 6.1Modularizing the Schemas
- 6.2Modularizing the Resolvers
7.Doploying app at heroku servers
- 7.1Heroku client instalation
- 7.2Project preparation
- 7.3Defining the actions to build and execute the project in heroku
- 7.4Heroku project creation
- 7.5APP_VUE_API configuration
- 7.6heroku config
- 7.7Heroku deployment
- 7.8Setting up the remote database
- 7.9Testing the application
- 7.10Final considerations
8.Building the Category screen
- 8.1Categories table creation
- 8.2Creating the Graphql of categories
- 8.3Backend Deploy
- 8.4Categories frontend
9.Suppliers Screen
- 9.1Table creation
- 9.2Suppliers schema (with 1-to-1 relationship)
- 9.3Suppliers Resolver
- 9.4Frontend
10.Customer, employee and shipper screens
- 10.1Employee screen
11.Products Screen
- 11.1Backend
- 11.2Frontend
12.Orders Screen
- 12.1Backend
- 12.2Frontend