DEV Community

Cover image for Day 5
Brix Mavu
Brix Mavu

Posted on

2 1

Day 5

Make use of templating engine - I will use Handlebars

Introduce a generated base for quick development - express-generator

Reason for express generator we can't always built things from scratch the plan is to start from a base.

In terminal run

npx express-generator --view=hbs --git day5

cd day5

npm i

If problems arise just run:

npm audit --force

Start server

npm start

You can check the command in package.json

When server is running open browser and open :

localhost:3000

From day4 prject copy authenticate folder and files inside public folder

style.css will be replace the one in /public/stylesheets

script.js goes inside /public/javascripts

add script tag inside /views/layouts.hbs file

Inside /views/index.hbs file add html forms from day4/index.html

Inside /views/index.hbs login form tag change action tag must be action="users/login"

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay