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. 

5. 

6.