Skip to content

Sheetalr2005/codepulse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ CodePulse β€” DSA Preparation Analytics Platform

React Spring Boot PostgreSQL Render

CodePulse is a full-stack DSA interview preparation platform that helps users track solved coding problems, maintain coding consistency, and analyze interview readiness through interactive dashboards and analytics.

The platform transforms raw coding activity into meaningful preparation insights using streak tracking, contribution heatmaps, difficulty analysis, and performance monitoring.


Live Demo

https://codepulse-frontend-zk7u.onrender.com

Note: The backend is hosted on Render's free tier and may take 30–60 seconds to wake up after inactivity.

GitHub Repository

https://github.com/Sheetalr2005/codepulse


✨ Features

πŸ” Authentication System

  • Secure Signup & Login
  • BCrypt Password Hashing
  • Protected Routes
  • Persistent User Sessions

πŸ“š Problem Management

  • Add / Edit / Delete Problems
  • Mark Problems as Solved
  • Favorite Important Problems
  • Add Problem Notes & Links
  • Topic & Difficulty Filters
  • Platform-wise Tracking

πŸ“Š Analytics Dashboard

  • Total Solved Problems
  • Difficulty-wise Breakdown
  • Coding Streak Tracking
  • GitHub-style Contribution Heatmap
  • Progress Monitoring
  • Interactive Recommendation Cards
  • Real-time Dashboard Analytics

🎨 Frontend Experience

  • Modern Responsive UI
  • Premium Dashboard Design
  • Smooth Animations
  • Toast Notifications
  • Hover Interactions
  • Reusable UI Components
  • Responsive Layouts

πŸ› οΈ Tech Stack

Frontend

  • React
  • Vite
  • Tailwind CSS
  • Axios
  • React Router DOM
  • React Hot Toast
  • Framer Motion

Backend

  • Spring Boot
  • Spring Security
  • REST APIs
  • JPA / Hibernate

Database

  • PostgreSQL (Neon)

Development Tools

  • Git & GitHub
  • Postman
  • VS Code

πŸ—οΈ Project Architecture

  • Frontend: React + Vite
  • Communication: REST APIs
  • Backend: Spring Boot
  • Database: PostgreSQL (Neon)

βš™οΈ Application Workflow

πŸ” Authentication Flow

  1. User enters login credentials
  2. Backend validates the request
  3. Password is verified using BCrypt hashing
  4. Session is authenticated
  5. User gains access to protected dashboard routes

πŸ“š Problem Tracking Flow

  1. User adds a solved coding problem
  2. Backend stores problem details in PostgreSQL
  3. Analytics metrics are recalculated
  4. Dashboard updates solved counts, streaks, and statistics
  5. User can track preparation progress in real time

🌟 Key Highlights

  • GitHub-style coding activity heatmap
  • Interactive analytics dashboard
  • Full-stack architecture
  • Responsive modern UI
  • Layered backend structure
  • Authentication & validation system
  • Real-time preparation tracking

πŸš€ Installation & Setup

Frontend Setup

cd frontend
npm install
npm run dev

Backend Setup

cd backend
./mvnw spring-boot:run

☁️ Deployment

  • Frontend: Render
  • Backend: Render
  • Database: Neon PostgreSQL

Live Demo: https://codepulse-frontend-zk7u.onrender.com


πŸ“Œ Future Enhancements

  • JWT Authentication
  • AI-based DSA Recommendations
  • LeetCode API Integration
  • Advanced Analytics
  • Dark / Light Theme Switching
  • Leaderboards
  • Interview Readiness Scoring
  • Cloud Deployment

πŸ” Authentication Page

Screenshot 2026-05-29 at 9 54 34β€―PM

πŸ“Š Dashboard

Screenshot 2026-05-29 at 9 48 52β€―PM

βž• Add Problem

Screenshot 2026-05-29 at 9 50 06β€―PM

πŸ“š Problems Page

Screenshot 2026-05-29 at 9 51 16β€―PM

πŸ“ˆ Analytics Dashboard

Screenshot 2026-05-29 at 9 52 19β€―PM Screenshot 2026-05-29 at 9 52 32β€―PM

πŸ‘¨β€πŸ’» Author

Sheetal R


🎯 Project Vision

CodePulse aims to help students and aspiring software engineers stay consistent in their coding journey by providing a structured way to track solved problems, monitor progress, and analyze preparation patterns. Through visual analytics, streak tracking, and performance insights, the platform encourages disciplined practice and helps users prepare more effectively for technical interviews.

About

Full-stack DSA preparation analytics platform with streak tracking, heatmaps, and interview readiness dashboard.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors