⚡️ TrackForge

Next-Gen Bug Tracking & Team Workflow Platform

Neon Purple-Pink Landing Page • SaaS White-Purple Dashboard • AI-Powered Assistant

TrackForge is a modern, lightning-fast, beautifully designed Bug Tracking SaaS Platform built for teams, startups, and engineering organizations who want clarity, speed, and full control of their development workflow.

Visit Project :

https://trackforge-client-side.onrender.com

---

🌌 Why TrackForge?

TrackForge blends two worlds:

🎨 1. Futuristic Neon Purple-Pink Landing Page

A visually striking gateway with:

• Parallax moon component
• Glow effects
• Gradient blurs
• SmokeCursor custom pointer
• Framer Motion scene transitions

☁️ 2. Soft White-Purple Premium SaaS Dashboard

A clean, silky professional UI for real daily use:

• Minimal layout
• Clean typography
• Product-grade UX
• Micro-interactions
• Adaptive color depth

This hybrid design makes TrackForge feel fun on the outside, powerful on the inside.

---

🔥 Core Features

🧩 Project Management

• Create, delete, and manage multiple projects
• Each project holds members, tickets, roles, analytics

👥 Teams & Members

• Role-based permissions
• Owners, Maintainers, Developers, Testers
• Invite team members
• Workspace-style routing

🐞 Bug Lifecycle Management

• Create & assign bugs
• Priority levels (Low / Medium / High / Critical)
• Status flow: Open → In Progress → Under Review → Resolved → Closed
• Tagging system
• Deadline tracking

💬 Comment Threads

• Internal team discussions
• Replies
• Real-time updates

📊 Analytics Dashboard

• Ticket volume
• Project load
• Priority insights
• Status breakdown
• Developer productivity indicators

🤖 AI Chatbot for Assistance

• Helps with bug explanations
• Logical suggestions
• Steps to reproduce
• Helps developers understand ticket summaries faster

🟣 Framer Motion Everywhere

• Page transitions
• Element fade-ins
• Parallax interactions
• Smooth dragging
• Animated section mounts/unmounts

🔐 Advanced Security System

TrackForge uses a custom 64-character cryptographic token for session isolation.

Example cipher:

5f8ee38595405effbdab11e7cd5493c114f2a548ddd059870f07cf902af57adc

✔ Length = 64 chars (256-bit) ✔ Encodes:

• User _id
• Login timestamp
• Random cryptographic noise

This is used in URLs like:

/auth/{username}/{cipher}/workspace

Prevents:

• Duplicate sessions
• Token replay
• Workspace hijacking
• Spoofed user routing

⚙️ Secure Backend

• Token-based auth
• Sanitized queries
• Encrypted-sensitive storage
• Fast MongoDB aggregation pipelines
• Optimized endpoints

---

🧪 Tech Stack

Frontend

• React + Vite
• TailwindCSS
• Framer Motion
• Lucide Icons
• Context API
• Custom Cursor System
• Parallax effects

Backend

• Node.js + Express
• MongoDB + Mongoose
• JWT Authentication
• Custom Cipher Generator
• Optimized controllers
• Role-based middleware

---

🧭 Platform Structure

TrackForge
│
├── Landing Page (Neon Theme)
│    ├── Parallax moon
│    └── SmokeCursor
│
├── Workspace (SaaS Dashboard Theme)
│    ├── Projects
│    ├── Tickets
│    ├── Teams
│    ├── Members
│    ├── Analytics
│    └── AI Assistant
│
├── Security Layer
│    └── 256-bit cipher token for workspace session routing
│
└── Backend API
     ├── Auth
     ├── Projects
     ├── Tickets
     ├── Comments
     ├── Teams
     ├── Analytics
     └── Maintenance

---

📸 Screenshots Overview

TrackForge provides a blend of a neon-themed landing experience and a clean SaaS workspace.
Here is a structured preview of the platform:

---

🟣 Landing & Authentication

Intro	Landing	Login

---

🧭 Core Workspace

Dashboard	Workspace	Project View

---

🐞 Bugs, Teams & Notifications

Bugs	Teams	Notifications

---

🤖 Built-in AI Assistance

AI Chatbot	Help Center

---

📦 Installation

1. Clone repository

git clone https://github.com/yourusername/trackforge.git
cd trackforge

2. Install client

cd client
npm install

3. Install server

cd server
npm install

4. Configure environment

Create .env files in both folders.

5. Start development

Client:

npm run dev

Server:

npm start

---

🌐 SEO Keywords

trackforge, bug tracking saas, bug tracker mern, issue tracking platform,
react bug tracker, mern project management tool, neon landing page react,
saas dashboard react, team workflow tool, software bug reporting system,
role based bug tracker, framer motion app, secure bug tracking system,
ai chatbot bug tracking, project management mern

---

<!-- 
trackforge, bug tracking, mern bug tracker, project management app,
react tailwind framer motion, neon ui, saas product, workspace routing,
secure token session, developer workflow tool
 -->

---

📜 License

MIT License (or whichever you prefer)

---

🎉 Conclusion

TrackForge is not just a bug tracker — it is a complete workspace engine with a hybrid UI, powerful animations, secure routing, AI assistance, and a premium SaaS experience.

---