Skip to content

Latest commit

 

History

History
61 lines (40 loc) · 2.56 KB

README.md

File metadata and controls

61 lines (40 loc) · 2.56 KB

company-employee-info-

Home Page for John Technology Pvt. Ltd.

Technologies Used

  1. HTML: For creating the structure of the webpage.
  2. CSS: For styling the webpage and creating responsive layouts.
  3. JavaScript: For adding interactivity to the webpage, such as displaying user details and project details.
  4. Local Storage: For storing and retrieving user data in the browser.
  5. Node.js: For setting up a local server to host the webpage.

Project Structure

  • index.html: Contains the structure of the home page, including navigation, user details, and project details sections.
  • homeScript.js: Contains the JavaScript code to handle user interactions, display user and project details, and manage local storage.
  • server.js: Contains the Node.js server setup to host the webpage locally.

How to Implement

  1. Clone the Repository:

    • Clone the repository from GitHub to your local machine.
  2. Install Node.js:

    • Make sure Node.js is installed on your machine. You can download it from nodejs.org.
  3. Open the Project Directory:

    • Navigate to the directory where the project is located.
  4. Install Dependencies:

    • Run npm install to install any dependencies required for the project.
  5. Start the Server:

    • Run node server.js to start the Node.js server.
  6. Open the Project in a Browser:

    • Navigate to http://localhost:6345/home.html in your web browser to view and interact with the home page.

Features

  • User Login: Displays a personalized welcome message based on user data stored in local storage.
  • Employee Details: Shows detailed information about the logged-in employee.
  • Project Details: Displays project information when the 'Projects' button is clicked.

How to Run

  1. Start the Server:

    • Run node server.js in your terminal to start the Node.js server.
  2. Open the Webpage:

    • Open http://localhost:6345/home.html in your preferred web browser.
  3. Interact with the Webpage:

    • Use the navigation menu to view employee and project details.
    • Click the 'Logout' button to clear user data from local storage and return to the login page.
  4. login

  5. dashboard

  6. project