Giter Club home page Giter Club logo

docker_login's Introduction

docker_login

        This project I built login page using

  1. node.js,
  2. ejs,
  3. docker,
  4. docker compose
  5. railway
  6. vercel
  7. bootstrap

Login Page Overview

image

image

image

How I Build

        How I built this project is:

  1. I created ejs file which is file that is combined html and js, this file is used to show interface of the login page, I also used existing template bootstrap to help me designed the login page
  2. I Installed npm to built my node.js and installed my packages
  3. I created databasepg.js as a connector from postgresql to my login page
  4. I created server.js to built the endpoint and server for my login page
  5. CreateDB.sql is a file that will create table and insert first data to the table
  6. dockerfile to build ubuntu + apache and nodejs images
  7. docker-compose to handle multi container because I am using 4 container postgresql, pgadmin, apache, node.js
  8. Because postgre is on local, then I deploy my postgre in railway, and using connection string to connect my login page to railway postgres that I have deployed
  9. Then I created vercel.json as configuration to deploy my web in vercel.
  10. Finally, you can access my login page app through my vercel domain docker-login.vercel.app

How to Setup

        After Created all needed files:

  1. Build apache images from dockerfile,
  2. After that command the apache command and uncommand nodejs to build node.js image
  3. pull postgre image and pgadmin image from pgadmin
  4. after that I already created docker-compose.yaml therefore you only need to run docker-compose up and the docker compose

Other Information

        This information to explain my endpoint:

  1. / to show login page where you can login or register on my login page
  2. /login this endpoint is the logic for login page, this will used query to read password from postgresql based on username that user input, and after that check if the password that user already input same as password in the database. If same then web will render success.ejs that is interface for login success.
  3. /register this endpoint will render register.ejs that is used to show register page where user can input username and password from that
  4. /signup this endpoint will used query to insert username and password into the database and render success.ejs after success to input new username and password to database

docker_login's People

Contributors

lixx21 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.