Screen 1- UI+ Backend

Templating Screens

We find, most of the time that our code has been repeated. If we want to make a change anywhere, we have to look up for all those repeated places. Finally it becomes a nightmare.

Templating helps to reduce code, enhances readability. HTML files are templated by ejs files in my app code. ejs is a html file that accepts js to run in it, hence enabling dynamic loading of pages.

Here is my first Screen

Screen 1 for EventIT webapp

Login/Signup page

Check out this to learn using login hasura API

Code

Server.js

Link to Github

EventIT code

Connecting to Backend

Initially, I’m horrified how to make my login/signup work. But then few resources from youtube helped me a lot.

Resources :

https://www.youtube.com/watch?v=h4A0-53Olm4

https://www.youtube.com/watch?v=pzGQMwGmCnc&t=5s

UP NEXT

Changes in 3.1, 3.2

Previous

Data API + Postman Collection