A modern and efficient Employee Management Dashboard built with React and Vite. Secured with Clerk Authentication for protected access. π
- οΏ½ 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
| Technology | Purpose |
|---|---|
| βοΈ React 19 | UI Library |
| β‘ Vite | Build Tool |
| π Clerk | Authentication |
| π Redux Toolkit | State Management |
| π¬οΈ Tailwind CSS | Styling |
| οΏ½ DaisyUI | UI Components |
| οΏ½ React Icons | Icons |
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
Not Logged In β Beautiful Login/Signup Page
Logged In β Full Employee Dashboard β
git clone https://github.com/CodeByTinku/Employee-Management-System.git
cd Employee-Management-System
npm installCreate 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
npm run devVisit http://localhost:5173 to manage your team! π
Since .env is not pushed to GitHub, add environment variables manually in Vercel:
- Go to Vercel Dashboard β Your Project β Settings
- Click Environment Variables
- Add:
- Key:
VITE_CLERK_PUBLISHABLE_KEY - Value: your Clerk publishable key
- Key:
- Click Save and Redeploy
β οΈ .envfile should NEVER be pushed to GitHub β it contains secret keys!
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! π