Skip to content

abhisek247767/PeopleHub-Frontend

Repository files navigation

PeopleHub Frontend 🌐


📌 Problem Statement

Managing employee information, authentication, and communication efficiently is a common challenge for organizations. Many existing tools are either too complex or lack seamless integration between frontend and backend systems. PeopleHub aims to solve this by providing a unified, scalable, and user-friendly Employee Management System that streamlines user interaction, authentication, session handling, and notifications — all integrated through a modern web application stack.


📚 Overview

PeopleHub Frontend is the front-facing web application built using Angular 16+, designed for efficient user interaction and seamless integration with the PeopleHub Backend. This project features a responsive UI, clean architecture, and scalable component structure to support various features of PeopleHub.


🔗 Backend Repository

The backend for this project is available at:
👉 PeopleHub-Backend (Node.js)


✅ Prerequisites

Make sure you have the following installed on your machine:


GSSOC-2025

image

Hacktoberfest-2025

image

🚀 Project Setup

Follow the steps below to set up the project locally:

# 1. Clone the repository
git clone https://github.com/abhisek247767/PeopleHub-Frontend.git
cd PeopleHub-Frontend

# 2. Install dependencies
npm install --force

# 3. Run the development server
ng serve

# 4. Open the app in your browser
http://localhost:4200/

✅ Congratulations! You have successfully set up the frontend.


📁 Project Structure

PeopleHub-Frontend/
├── .vscode/
├── public/
├── src/
├── .dockerignore
├── .editorconfig
├── .gitignore
├── angular.json
├── dockerfile
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.spec.json

📌 Contribution Guidelines

  • Make sure to create branches off of origin/development.
  • Pull requests should also be made against the development branch.
  • Ensure code follows project styling and Angular best practices.

❤️ Support

If you like this project, please give it a ⭐ and follow the author — your support is highly appreciated and motivates further development!


📫 Author

Abhisek Mahapatra
📎 GitHub: abhisek247767


👉 Now, go to backend repo for set up backend repository PeopleHub-Backend (Node.js)