🚀 This repository is a template version of DSAMate — your all-in-one platform for practicing DSA (Data Structures & Algorithms) questions.
This version is open for contributions as a part of GirlScript Summer of Code (GSSoC) 2025.
🚧 Disclaimer: This repository is a template clone created for open-source learning under GSSoC '25.
It uses only placeholder content and UI logic — no real DSA questions are included.
The real DSAMate site with full question lists is live at dsamate.vercel.app.
DSAMate Template helps contributors explore the frontend logic, filters, UI components, and page structure of a full-featured DSA practice site.
- Practice Sheet UI with advanced filter options (difficulty, status, platform, etc.)
- Progress Tracking with comprehensive analytics and visualizations
- Interactive progress charts and difficulty breakdowns
- Topic-wise progress tracking with completion percentages
- Activity calendar showing daily solving patterns
- Streak tracking to maintain consistency
- Recent activity feed and performance insights
- Responsive Design optimized for all devices using Tailwind CSS
- Built using Next.js + TypeScript for modern web development
- Smooth animations via Framer Motion
- Local Storage persistence for tracking progress across sessions
- Starter structure for adding your own question list
The template now includes a comprehensive progress tracking system to help users monitor their DSA learning journey:
-
Progress Dashboard (
/progress)- Overview cards showing total solved problems, current streak, completion rate, and problems marked for review
- Interactive charts displaying difficulty-wise progress breakdown
- Performance statistics including daily averages and weekly goals
-
Topic Progress Visualization
- Progress bars for each topic showing completion percentage
- Color-coded indicators for different completion levels
- Quick identification of completed topics
-
Activity Calendar
- GitHub-style activity heatmap showing daily solving patterns
- Streak calculation and visualization
- Historical activity tracking over the last 12 weeks
-
Recent Activity Feed
- Chronological list of recently solved problems
- Difficulty badges and review status indicators
- Notes and timestamps for each solved problem
-
Progress Summary Widget
- Integrated into the practice sheet page
- Quick overview with circular progress indicator
- Direct link to detailed progress analytics
- Data Persistence: Progress data is stored in localStorage for persistence across sessions
- Real-time Updates: Progress updates automatically when problems are marked as solved
- Responsive Design: All progress components are fully responsive and mobile-friendly
- Smooth Animations: Framer Motion animations for engaging user experience
Please read the CONTRIBUTING GUIDELINES if you're a contributor.
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- React Icons
Looking for the actual live version with the complete list of real DSA questions and features?
⚠️ NOTE: The link below is for the official, fully functional DSAMate site — not this template project.
👉 Visit DSAMate Original
(Includes 450+ topic-wise questions with solutions, filters, and daily practice features.)
Don’t worry if you’re just getting started - we’ve got you covered! Check out this blog to kickstart your open-source journey with GSSoC (no experience needed):
👉 Kickstart Your Open Source Journey with GSSoC – No Experience Needed
If you have any doubts or questions regarding the issues or pull requests, feel free to reach out to the mentors:
👩💻 Mentors
We’re here to guide you — don’t hesitate to ask in the Discord group or comment directly on the GitHub issue!
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
Thanks to all the amazing people who have contributed! 💖
Contributions of any kind are welcome!
