username

password

Gain insights into AdonisJs fundamentals. Delve into routes, controllers, middleware, and hooks. Discover practical examples, illustrations, and quizzes to confidently build your full-stack applications.

sim.tar.gz

volad

volad-copy

volad-try

volad-copy-copy

volad-try-copy

logger

This course is a detailed guide to AdonisJs. AdonisJs, inspired by Laravel, is a Node.js framework that allows developers to build full-stack web applications and micro-API servers. 

In this course, you will cover the fundamentals: routes, controllers, middleware, hooks, and more. Each chapter contains code examples and illustrations to enhance your learning, and you will also be able to quiz yourself on the materials covered. 

By the time you are done with the course, you'll have plenty of hands-on practice, and will be able to confidently write your full-stack applications in AdonisJs.

Building Full-Stack Web Applications with AdonisJs

# Solution

The following is the complete implementation of the problem described [here](https://www.educative.io/courses/building-full-stack-web-applications-adonisjs/challenge-create-the-about-and-dashboard-routes):

HOST=0.0.0.0
PORT=3333
NODE_ENV=development
APP_URL=http://${HOST}:${PORT}
CACHE_VIEWS=false
APP_KEY=
DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3306
DB_USER=root
DB_PASSWORD=root
DB_DATABASE=newsletter
DB_SOCKETPATH=
SESSION_DRIVER=cookie
HASH_DRIVER=bcrypt

'use strict'

/*
|--------------------------------------------------------------------------
| Ace Commands
|--------------------------------------------------------------------------
|
| The ace file is just a regular Javascript file but with no extension. You
| can call `node ace` followed by the command name and it just works.
|
| Also you can use `adonis` followed by the command name, since the adonis
| global proxy all the ace commands.
|
*/

const { Ignitor } = require('@adonisjs/ignitor')

new Ignitor(require('@adonisjs/fold'))
  .appRoot(__dirname)
  .fireAce()
  .catch(console.error)


'use strict'

/*
|--------------------------------------------------------------------------
| Http server
|--------------------------------------------------------------------------
|
| This file bootstrap Adonisjs to start the HTTP server. You are free to
| customize the process of booting the http server.
|
| """ Loading ace commands """
|     At times you may want to load ace commands when starting the HTTP server.
|     Same can be done by chaining `loadCommands()` method after
|
| """ Preloading files """
|     Also you can preload files by calling `preLoad('path/to/file')` method.
|     Make sure to pass relative path from the project root.
*/

const { Ignitor } = require('@adonisjs/ignitor')

new Ignitor(require('@adonisjs/fold'))
  .appRoot(__dirname)
  .fireHttpServer()
  .catch(console.error)


React

Dart

GoJS React

Typescript React

Vue.js

> Press Run and wait for the output to be displayed in the Output tab. You will see "About Us" displayed. Now, click on the link under the Run button and append **/dashboard** to the URL. You will see, "You have to be logged in to view the dashboard."

## Explanation

Since we need to allow only the users who are already logged in to access the dashboard, we will create a named middleware. In **app/Middleware/LoginRequired.js**, the `handle` function will be called every time this middleware is involved. In the `try` block, we check if the user is already authenticated using `auth.check()`. If that is not the case, then we return the response, "You have to be logged in to view the dashboard" in the `catch` block.

To use the newly created middleware, we register it inside the `namedMiddleware` object in line 43 of **start/kernel.js**.

Next, we create two routes in **start/routes.js** and add the `loginRequired` middleware to the first route. We do not attach any middleware to the second route because we want it to be accessible to all our users.

Go over the solution to implement the about and dashboard routes and limit access to the dashboard route.

Introduction

Routing and Middleware

Controllers and Views

Request and Response

Session, Validator, and Logger

Database

Hooks, Mail, and Events

Tests

Conclusion

Appendix

Solution: Create the About and Dashboard Routes

Solution