Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🏒 Employee Management System

A modern and efficient Employee Management Dashboard built with React and Vite. Secured with Clerk Authentication for protected access. πŸš€


✨ Key Features

  • οΏ½ Authentication: Secure Sign In / Sign Up powered by Clerk
  • οΏ½πŸ‘¨β€πŸ’Ό Employee CRUD: Add, edit, view, and delete employee records easily
  • ⚑ State Management: Powered by Redux Toolkit for predictable state updates
  • 🎨 Modern UI: Styled with Tailwind CSS & DaisyUI for a sleek, responsive design
  • πŸ–ΌοΈ Interactive Modals: Smooth popups for data entry and confirmations
  • πŸ‘€ User Profile: Navbar mein profile avatar with sign-out option

πŸ› οΈ Tech Stack

Technology Purpose
βš›οΈ React 19 UI Library
⚑ Vite Build Tool
πŸ” Clerk Authentication
πŸ”„ Redux Toolkit State Management
🌬️ Tailwind CSS Styling
οΏ½ DaisyUI UI Components
οΏ½ React Icons Icons

πŸ” Authentication (Clerk)

This project uses Clerk for authentication.

  • Users must Sign In / Sign Up before accessing the dashboard
  • Protected routes β€” bina login ke dashboard nahi dikhega
  • Profile management & Sign Out via navbar avatar

How it works:

Not Logged In  β†’  Beautiful Login/Signup Page
Logged In      β†’  Full Employee Dashboard βœ…

πŸš€ Getting Started

1. Clone & Install

git clone https://github.com/CodeByTinku/Employee-Management-System.git
cd Employee-Management-System
npm install

2. Setup Environment Variables

Create a .env file in the root directory:

VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key_here

πŸ”‘ Get your key from Clerk Dashboard β†’ Your Project β†’ API Keys

3. Run Dev Server

npm run dev

4. Open App

Visit http://localhost:5173 to manage your team! πŸŽ‰


☁️ Deploying to Vercel

Since .env is not pushed to GitHub, add environment variables manually in Vercel:

  1. Go to Vercel Dashboard β†’ Your Project β†’ Settings
  2. Click Environment Variables
  3. Add:
    • Key: VITE_CLERK_PUBLISHABLE_KEY
    • Value: your Clerk publishable key
  4. Click Save and Redeploy

⚠️ .env file should NEVER be pushed to GitHub β€” it contains secret keys!


🀝 Contributing

Got a cool idea or found a pesky bug? We'd love your help! πŸ’™

  • πŸ› Found a Bug? Open an issue to report it
  • πŸ’‘ New Feature? Propose your ideas in the issues
  • πŸ‘©β€πŸ’» Want to Code? Fork the repo, fix it, and drop a PR!

Let's build something awesome together! πŸš€

About

A modern and efficient Employee Management Dashboard built with React and Vite. Simplify your workforce management with a clean UI and seamless experience. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages