WorkNest is a full-stack Task Management & Collaboration Platform that helps teams organize tasks, manage projects, and collaborate in real-time with notifications and role-based access.
📌 Built as part of the Full-Stack Development Internship Project.
Live on - https://worknest-delta.vercel.app/
See how it look like
- Secure login with JWT
- Google OAuth integration
- Role-based access (Admin, Member, Guest)
- Create organizations & invite members
- Manage projects under each organization
- Role-based membership management
- Create, assign, and update tasks
- Track progress across boards & columns
- Drag-and-drop Kanban board
- Socket.io powered instant updates
- Notifications for task assignment, comments, and invites
- In-app comments & discussions on tasks
- Mention team members with
@username
- Fully responsive (mobile-first)
- Clean, modern dashboard with dark mode support
- API rate limiting
- Protected routes for secure access
- Guest mode with read-only access
Frontend
- React + TypeScript
- TailwindCSS (UI styling)
- Framer Motion (animations)
- Socket.io-client (real-time updates)
- Axios (API calls)
Backend
- Node.js + Express
- MongoDB + Mongoose
- JWT for authentication
- Socket.io for real-time notifications
- Passport (Google OAuth)
DevOps & Tools
- GitHub Actions (CI/CD pipeline)
- Vercel (Frontend Deployment)
- Render / Railway (Backend Deployment)
- ESLint + Prettier (Code Quality)
git clone https://github.com/yourusername/worknest.git
cd worknest- Backend Setup
cd backend
npm install
Create .env file in backend/:
MONGO_URI=mongodb://localhost:27017/worknest
JWT_SECRET=supersecret
FRONTEND_URL=http://localhost:5173
GOOGLE_CLIENT_ID=xxxx.apps.googleusercontent.com
GOOGLE_CLIENT_SECRET=xxxx
Run backend:
npm start
- Frontend Setup
cd frontend
npm install
Create .env file in frontend/:
VITE_API_BASE=http://localhost:8000/api
Run frontend:
npm run dev
🚦 CI/CD Pipeline
✅ GitHub Actions configured for:
Run linting & tests on every push
Build frontend & backend
Automatic deployment:
Frontend → Vercel
Backend → Render / Railway
📈 Future Enhancements
💬 Enhanced Collaboration
Full-featured comments & discussions on tasks
Advanced mentions and notifications for team members
📨 Improved Invitation System
Dynamic invitation workflows with role assignments
Email and in-app notifications
⚡ CI/CD Enhancements
Automated testing for backend & frontend
Canary releases for safer deployments
📹 Video Meeting Integration
Zoom / Google Meet APIs for in-app calls
📊 Analytics Dashboard
Insights on project progress, task completion, and team performance
📱 Mobile App
React Native or Flutter app for iOS & Android
🔗 3rd Party Integrations
Slack, Google Drive, Jira, etc.
🤖 AI Task Suggestions
Auto-assign tasks based on workload and priorities
Note: footer , help & support , Contact route are initial Blank you make manually add it .
🤝 Contributing
Fork the repository
Create a feature branch
git checkout -b feature/awesome
Commit your changes
git commit -m "Add awesome feature"
Push the branch
git push origin feature/awesome
Create a Pull Request 🎉
📜 License
MIT © 2025 [Ayush Updhayay]
If you want, I can also create a shorter, eye-catching version with badges (like GitHub stars, deployments, issues) and visuals for README.md