Skip to content

Repository files navigation

🚀 Trackverse

The all-in-one platform to visualize your coding journey and prep smarter

Live Demo Next.js React TailwindCSS

Unify your coding stats across platforms. Track, analyze, and grow smarter.

View Demo · Report Bug · Request Feature


✨ What is Trackverse?

Trackverse is a unified coding dashboard that brings together your progress from multiple competitive programming platforms into one clean, privacy-focused interface. It is designed for students and developers preparing for DSA, competitive programming, and technical interviews.

Instead of switching between multiple platforms, Trackverse provides a single source of truth for your coding growth using structured analytics and visual insights.


🎯 Key Features

📊 Unified Dashboard

  • Aggregates statistics from LeetCode, Codeforces, and GeeksforGeeks
  • Visual analytics for difficulty distribution and solving patterns
  • Platform-wise performance comparison

🧠 Smart DSA Management

  • Topic-wise progress tracking across all major DSA domains
  • Curated problem sheets (Blind 75, Top Interview Questions)
  • Weak-area identification using historical performance

📚 Core CS Subjects

  • Dedicated modules for DBMS, Operating Systems, Computer Networks, and OOP
  • Topic-level status tracking (Completed, Revision Needed)
  • Personal notes for last-minute interview prep

👥 Community Features

  • Global and batch-level leaderboards
  • Shareable public profiles with verified stats
  • Batch tracking for assignments and consistency

🔒 Privacy & Security

  • Google OAuth-based authentication
  • Uses only publicly available profile data
  • No password storage or sensitive credential handling

🛠️ Tech Stack

Category Technologies
Frontend Next.js 15, React 19, TypeScript
Styling Tailwind CSS, Framer Motion, Radix UI
State & API Axios, Custom Hooks
Components shadcn/ui, Lucide Icons
Dev Tools ESLint, Prettier, Turbopack

🚀 Getting Started

Prerequisites

  • Node.js 20+
  • npm / yarn / pnpm / bun
  • Git

Installation

git clone https://github.com/sanskaryo/trackverse.git
cd trackverse
npm install

Environment Setup

Create a .env.local file in the root directory:

NEXT_PUBLIC_BACKEND_URL=your_backend_api_url

Run Locally

npm run dev

Open http://localhost:3000 in your browser.


📂 Project Structure

trackverse/
├── app/
│   ├── (user)/              # Protected routes
│   │   ├── dashboard/
│   │   ├── profile/
│   │   ├── dsa-sheet/
│   │   ├── core-subjects/
│   │   ├── leaderboard/
│   │   └── mybatch/
│   └── signin/
├── components/
│   ├── dashboardComponents/
│   ├── landingpage/
│   └── ui/
├── constants/
├── lib/
└── public/

🎨 Feature Highlights

Dashboard

  • Profile overview with social links
  • Topic-wise DSA summary
  • Difficulty distribution charts
  • Achievement timeline

DSA Sheet Tracker

  • Filters by topic, difficulty, and status
  • Progress saved across sessions
  • Direct problem links

Core Subjects

  • Structured CS fundamentals modules
  • Progress bars per subject
  • Personal notes per topic

🔮 Roadmap

  • AI-powered problem recommendations
  • Project portfolio showcase
  • Advanced analytics and insights
  • Mobile application

🤝 Contributing

Contributions are welcome.

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to your branch
  5. Open a Pull Request

📄 License

This project is currently unlicensed. All rights reserved.


🙏 Acknowledgments

  • Next.js
  • Tailwind CSS
  • shadcn/ui
  • Vercel
  • Framer Motion

⭐ Star the repo if you find it useful

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages