DEV Community

Cover image for Placement Panic Solver
Ansari Gufran
Ansari Gufran

Posted on

Placement Panic Solver

This is a submission for the DEV Weekend Challenge: Community

The Community

I built this for engineering students preparing for campus placements.
As a third-year B.Tech student, I’ve seen how overwhelming placement preparation can feel. Students are constantly switching between DSA sheets, aptitude books, YouTube playlists, and random notes. There’s no structured daily clarity.
Most of us don’t fail because we lack intelligence.
We fail because we lack direction and consistency.
The community I built this for is:
3rd & 4th year engineering students
Students preparing for service, product, or startup roles
Those feeling anxious and unsure what to study daily
This project was built from lived experience.

What I Built

Placement Panic Solver is a dark-themed web app that transforms placement chaos into structured daily action.
The core motto:
Reduce placement anxiety by giving students daily clarity.
πŸ”Ή Key Features

  1. Company-Based Preparation
    Students select:
    Service-based companies
    Product-based companies
    Startup roles
    The app dynamically adjusts difficulty and task distribution.

  2. Real Daily Task Generator
    DSA problems (weighted by difficulty)
    Aptitude questions
    Structured daily workload

  3. Placement Heat Meter
    A dynamic readiness indicator based on:
    Completed tasks
    Difficulty weights
    Consistency bonus
    Heat Levels:
    0–30% β†’ Beginner
    31–60% β†’ Progressing
    61–85% β†’ Interview Ready
    86–100% β†’ Placement Ready

  4. Progress Analytics
    Weekly completion bar chart
    DSA vs Aptitude pie chart
    Consistency tracking

  5. Streak System
    If 70% of daily tasks are completed β†’ streak continues.
    Miss it β†’ streak resets.

  6. Preparation Insights
    Rule-based intelligent suggestions like:
    β€œIncrease DSA practice to improve technical readiness.”
    β€œGreat consistency! Try one higher-difficulty problem.”
    The UI follows a modern dark theme with neon green accents, subtle glow effects, and clean grid spacing to create a focused and premium experience.

Demo

πŸ”— Live App:
πŸ‘‰ https://placement-panic-solver.vercel.app
πŸŽ₯ Video Walkthrough:
πŸ‘‰ https://youtu.be/C_Y61L3gvPM

Code

πŸ’» GitHub Repository:
πŸ‘‰ https://github.com/Gufran-EXE/placement-panic--solver
The project is fully open source and structured for clarity and maintainability.

How I Built It

Frontend: React + Vite
Styling: TailwindCSS (dark theme with neon glow system)
Charts: Recharts
Animations: Framer Motion
State & Storage: LocalStorage
-Core Logic
DSA and aptitude problems are structured datasets.
Each problem has a difficulty weight.
Heat score = weighted completion + consistency bonus.
All analytics are calculated dynamically and visualized in real time.
The project was intentionally scoped as a focused MVP to remain functional, polished, and meaningful within a weekend timeframe.

Final Thoughts

This project is more than a productivity tracker.
It’s a structured preparation companion built by a student for students.
Instead of asking:
β€œWhat should I study today?”
Students can now open the app and immediately know their next step.
Small clarity.
Less anxiety.
More consistency.
And hopefully, one step closer to placement success. πŸš€

Top comments (0)