shubham-rasal-123 / Underconstruction

It allows developers to create dynamically updating content, use animations, pop-up menus, clickable buttons, control multimedia, etc. The use of JavaScript can be both on the client-side and server-side.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Underconstruction

image

⚙️ Requirements

🛠 Languages or Frameworks Used

Steps to create a project and install the required module:

Step 1: Start the project using the following command in your project folder:

  • npm init

📃 Package.json file looks like point_down 👇

Screenshot from 2023-03-31 22-13-34

📥 Step 2: Install the required modules using the following command:

  • npm install express
  • npm install ejs
  • npm install nodemon

Step 3: Create two folders inside the project directory using the following command:

  • mkdir model
  • mkdir views

Step 4: Create another file named app.js inside the project directory:

  • touch app.js

Step 5: Navigate inside the middleware folder and create a file Uc-middleware.js which will contain our middleware

  • cd middlewares
    • Uc-middleware.js

Step 6: Navigate inside the views folder and create the following EJS files:

  • cd views
    • touch about.ejs
    • touch home.ejs
    • touch siteuc.ejs
  • cd partial
    • touch footer.ejs
    • touch header.ejs

Step 7: Run the following command to ensure all modules are loaded:

  • npm install

🌟 Steps to run the application -

Step 1: Type the following command in the terminal of your project directory:

  • npm run dev

Step 2: Open your web browser and type the following address in the URL bar:

  • (http://localhost:3000/ or http://localhost:8000/)

📺 Output:

home page in underconstrunction project site website is underconstruction in site

About

It allows developers to create dynamically updating content, use animations, pop-up menus, clickable buttons, control multimedia, etc. The use of JavaScript can be both on the client-side and server-side.


Languages

Language:EJS 80.0%Language:JavaScript 20.0%