An open API service indexing awesome lists of open source software.

https://github.com/shubsi26/hr-dashboard


https://github.com/shubsi26/hr-dashboard

Last synced: 11 months ago
JSON representation

Awesome Lists containing this project

README

          

# HR Dashboard
![](https://raw.githubusercontent.com/ShubSi26/HR-Dashboard/refs/heads/main/images/dashboard.jpg)

Deployment link - https://hrdash.devshubh.live/

# Setup Instruction

Software Required - Node.js
## Install Dependencies
```bash
npm i
```

## .env Setup
```bash
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXTAUTH_SECRET=
NEXTAUTH_URL=
```
## Dev Run
```bash
npm run dev
```
## Production Build
```bash
npm run build
```

# Features Implemented

- ## 🔐 Authentication
Integrated secure user authentication using **NextAuth.js**, utilizing **Google OAuth** to provide a seamless, reliable, and protected login experience.

- ## 🔍 Search by Department and Rating
Enabled intelligent filtering functionality that allows users to search and view employees based on **department** and **individual rating** for efficient data access.

- ## ⚡ Dynamic Data Loading with SSR
Leveraged **Next.js Server-Side Rendering (SSR)** to deliver pre-hydrated pages, ensuring faster initial load times and improved SEO by rendering data on the server instead of the client.

- ## 📄 Pagination
Implemented efficient **pagination** on the dashboard to prevent excessive data loading, enhance performance, and support **on-demand data fetching** for a smoother user experience.

- ## SSG for Analytics page
Implemented static site generation for analytics page so on the build time, the page is fully generated and no delay in request.
# More Images
## Login Page
![](https://raw.githubusercontent.com/ShubSi26/HR-Dashboard/refs/heads/main/images/login.jpg)
## Bookmarks Page
![](https://raw.githubusercontent.com/ShubSi26/HR-Dashboard/refs/heads/main/images/bookmarks.jpg)
## Analytics Page
![](https://raw.githubusercontent.com/ShubSi26/HR-Dashboard/refs/heads/main/images/chart.jpg)