Unwind your project's potential - The world's most innovative project management platform featuring revolutionary AI capabilities and stunning 3D visual effects that have never been seen before.
This isn't just another project management tool. It's a revolutionary platform that combines:
- 🧬 6 Never-Before-Seen AI Features (Project DNA, Time Traveler, Voice-to-Project)
- 🎨 Next-Level 3D Visual Effects (Particle systems, morphing shapes, glassmorphism)
- 🤖 Advanced AI Integration (Google Gemini powered)
- ⚡ 60fps Smooth Animations (GPU-accelerated)
- 💎 Production-Ready Code (Error handling, rate limiting, caching)
Perfect for your resume and portfolio!
Every project gets a unique "genetic code" - like human DNA, but for software!
- Visual DNA strand with animated base pairs
- Genetic traits and dominant genes
- Evolution stage tracking (Embryonic → Growing → Mature → Legacy)
- Mutation potential analysis
- No other tool has this!
See your project's past and 3 possible futures:
- Conservative Timeline (6 months) - Safe, incremental growth
- Moderate Timeline (1 year) - Balanced innovation
- Ambitious Timeline (2 years) - Revolutionary transformation
- AI recommends the best path forward
- Like a time machine for your code!
Real-time health analysis with vital signs:
- Overall health score (0-100)
- 6 vital signs: Code Quality, Security, Performance, Scalability, Maintainability, Tech Stack Modernity
- Medical-style diagnosis and prescription
- Urgent action alerts
- Your project's personal doctor!
AI discovers hidden connections between your projects:
- Relationship types: Complementary, Synergistic, Sequential, Competitive
- Ecosystem analysis and clustering
- Cross-pollination ideas
- Integration suggestions
- Social network for your code!
Speak your idea, AI creates a complete project specification:
- Voice recognition with real-time transcription
- Generates: Name, description, tech stack, features, architecture, timeline, budget, risks, market analysis
- Download as Markdown
- Create project directly from spec
- From voice to code in seconds!
Predict if your project will go viral on GitHub:
- Viral score (0-100)
- Estimated GitHub stars and forks
- Viral factors analysis
- Marketing strategy recommendations
- Target audience identification
- Crystal ball for open source success!
📚 Complete Revolutionary Features Guide →
5 morphing gradient orbs floating in space with 20-30 second animation cycles
100 animated particles with dynamic connections - living, breathing background
5 geometric shapes (cube, sphere, pyramid, torus, octahedron) rotating in 3D space
Tilt effect with glassmorphism - cards that respond to your mouse movement
Letter-by-letter 3D animation with individual hover effects
SVG shape morphing with smooth 8-second transitions
All running at 60fps with GPU acceleration!
🎨 Complete 3D Features Guide →
- AI Description Generator - Professional project descriptions in seconds
- Smart Task Suggestions - Context-aware task recommendations
- Project Complexity Analysis - Deep analysis with time estimates
- AI-Enhanced Search - Intelligent search with relevance ranking
- Project Name Generator - Creative, professional name suggestions
- README Generator - Auto-generate comprehensive documentation
- AI Insights Dashboard - Analytics and intelligent recommendations
📖 Complete AI Features Documentation →
- React 18 - Modern UI with hooks
- Redux Toolkit - State management
- Framer Motion - Advanced animations
- Canvas API - Particle systems
- VanillaTilt.js - 3D tilt effects
- Axios - HTTP client
- React Hot Toast - Notifications
- React Icons - Icon library
- Node.js & Express.js - Server framework
- MongoDB & Mongoose - Database
- Google Gemini AI - AI-powered features ⭐
- Winston - Advanced logging
- Express Rate Limit - API protection
- Node Cache - Response caching
- Multer - File uploads
- Google Gemini Pro - Free AI API
- Web Speech API - Voice recognition
- Canvas API - Real-time rendering
- SVG - Path morphing
- Node.js (v16+)
- MongoDB (local or Atlas)
- Google Gemini API key (free)
- Clone the repository
git clone https://github.com/Pranav140/Project-manager.git
cd Project-manager/Project-Management-Tool-MERN- Install dependencies
npm run install-all- Set up environment variables
cd backend
cp .env.example .envEdit backend/.env:
MONGODB_URI=your_mongodb_connection_string
PORT=8000
NODE_ENV=development
CLIENT_URL=http://localhost:3000
GEMINI_API_KEY=your_gemini_api_key_here- Get your free API keys
- MongoDB Atlas: https://www.mongodb.com/cloud/atlas (Free M0 cluster)
- Google Gemini: https://makersuite.google.com/app/apikey (Free API)
- Run the application
# Run both frontend and backend
npm run dev:all
# Or run separately:
# Terminal 1 - Backend
npm run server
# Terminal 2 - Frontend
npm run client- Access the application
- Frontend: http://localhost:3000
- Backend API: http://localhost:8000
- Health Check: http://localhost:8000/health
Project-Management-Tool-MERN/
├── backend/ # Node.js/Express API
│ ├── controllers/ # Business logic
│ │ ├── ai.controller.js # Standard AI features
│ │ └── projectDNA.controller.js # Revolutionary features
│ ├── models/ # MongoDB schemas
│ ├── routes/ # API endpoints
│ ├── services/ # AI service layers
│ │ ├── ai.service.js # Standard AI
│ │ └── projectDNA.service.js # Revolutionary AI
│ ├── middleware/ # Custom middleware
│ └── utils/ # Utilities
├── frontend/ # React application
│ ├── src/
│ │ ├── components/ # React components
│ │ │ ├── AIAssistant.jsx
│ │ │ ├── ProjectDNAVisualizer.jsx
│ │ │ ├── VoiceToProject.jsx
│ │ │ ├── ParticleBackground.jsx
│ │ │ ├── AnimatedGradientMesh.jsx
│ │ │ └── FloatingShapes.jsx
│ │ ├── containers/ # Page components
│ │ ├── services/ # API service
│ │ └── style/ # CSS modules
└── docs/ # Documentation
GET /api/dna/generate/:id - Generate Project DNA
GET /api/dna/time-travel/:id - AI Time Traveler
GET /api/dna/health/:id - Health Monitor
GET /api/dna/relationships - Smart Relationships
POST /api/dna/voice-to-project - Voice to Project
GET /api/dna/viral-potential/:id - Viral Predictor
GET /api/dna/ecosystem - Ecosystem Analysis
POST /api/ai/generate-description - Generate Description
POST /api/ai/task-suggestions - Task Suggestions
GET /api/ai/analyze/:id - Complexity Analysis
POST /api/ai/generate-names - Name Generator
GET /api/ai/smart-search - Smart Search
GET /api/ai/generate-readme/:id - README Generator
GET /api/ai/insights - AI Insights
GET /api/projects - Get all projects
POST /api/projects - Create project
GET /api/projects/:id - Get project
PUT /api/projects/:id - Update project
DELETE /api/projects/:id - Delete project
GET /api/stacks - Get all stacks
POST /api/stacks - Create stack
GET /api/stacks/:id - Get stack
PUT /api/stacks/:id - Update stack
DELETE /api/stacks/:id - Delete stack
GET /api/profile - Get profile
POST /api/profile - Create profile
PUT /api/profile/:id - Update profile
- 📖 README - This file
- ⚡ Quick Start Guide - 5-minute setup
- 🚀 Revolutionary Features - Unique features guide
- 🎨 3D Features - Visual effects documentation
- 🤖 AI Features - Standard AI features
- 🎯 AI Setup - Detailed AI setup
- 🎨 Visual Guide - UI/UX walkthrough
- 💼 Project Highlights - Resume edition
- 📋 Final Summary - Complete overview
- 🏗️ Architecture - System design
- 📝 Changelog - Version history
✅ Unique Features - 6 innovations that don't exist anywhere else ✅ Technical Depth - AI, 3D animations, voice recognition ✅ Modern Stack - Latest technologies and best practices ✅ Production Ready - Error handling, rate limiting, caching ✅ Well Documented - 89KB+ comprehensive guides
✅ Endless Talking Points - Revolutionary features to discuss ✅ Problem Solving - Complex challenges overcome ✅ Innovation - Creative solutions implemented ✅ Technical Skills - Full-stack + AI + animations ✅ Attention to Detail - Polished UI/UX
| Feature | Traditional Tools | This Project |
|---|---|---|
| Project View | List/Grid | DNA Visualization 🧬 |
| Planning | Manual | AI Time Travel ⏰ |
| Health Check | None | Vital Signs Monitor 💊 |
| Input | Typing | Voice Recognition 🎤 |
| Visuals | Static | 3D Animations 🎨 |
| Uniqueness | Common | Revolutionary ⭐ |
- React 18 with Hooks
- Redux Toolkit
- Advanced Animations (Framer Motion)
- Canvas API & Particle Systems
- SVG Path Morphing
- CSS 3D Transforms
- Responsive Design
- Performance Optimization
- Node.js & Express.js
- MongoDB & Mongoose
- RESTful API Design
- MVC Architecture
- Error Handling
- Rate Limiting
- Caching Strategies
- File Upload Management
- Google Gemini AI Integration
- Voice Recognition (Web Speech API)
- Natural Language Processing
- Predictive Analytics
- Data Visualization
- Real-time Processing
- 3D Animations
- Glassmorphism Effects
- Particle Systems
- Interactive Elements
- Modern UI/UX Principles
- Accessibility
- Total Files: 67+
- Lines of Code: 10,000+
- Components: 25+
- API Endpoints: 27+
- Documentation: 89KB+
- Features: 19 unique
- Performance: 60fps
- Browser Support: 95%+
Frontend (Vercel)
cd frontend
vercelBackend (Railway)
railway login
railway init
railway upFull Stack (Render)
- Connect GitHub repository
- Add environment variables
- Deploy both services
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Google Gemini AI - For the free AI API
- Framer Motion - For amazing animation library
- VanillaTilt.js - For 3D tilt effects
- React Community - For excellent ecosystem
- Open Source Community - For inspiration
- GitHub: @Pranav140
- Repository: Project-manager
- Issues: Report a bug
If you find this project interesting or useful, please consider giving it a star! ⭐
It helps others discover this revolutionary project management tool.
Made with ❤️ using the MERN stack + Google Gemini AI