A reimagined web platform for the ABTalks 60-Day Coding Challenge, designed specifically for Indian college students to build consistency, ship daily, and gain visibility with top recruiters.
Students pick a track, build something every day, and maintain a public learning streak by submitting a GitHub commit and a LinkedIn post. This daily proof of work helps them escape tutorial hell and actually build things.
- Premium UI/UX Overhaul: A stunning, sleek, minimalist dark mode aesthetic (
#000000pitch black) inspired by top developer tools (Vercel, Linear). - Responsive Bento Grid Layout: Highly structured content that spans beautifully up to 1400px on desktop while maintaining a perfect app-like experience on mobile (390px).
- Student Dashboard: A personalized workspace featuring a 60-day visual Journey Map and an intuitive animated Streak Tracker.
- Challenge Day View: A distraction-free, editor-like submission form allowing students to submit their daily proof of work seamlessly.
- Framework: React (Bootstrapped with Vite)
- Styling: Vanilla CSS (CSS Modules & Global Variables)
- Routing: React Router DOM
- Icons: Lucide React
To run this project on your local machine, follow these steps:
-
Clone the repository
git clone https://github.com/dasouvik122005/Onyxcoder.git cd Onyxcoder -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser and navigate to
http://localhost:5173.
This project is fully optimized for zero-config deployment on Vercel. Simply import the GitHub repository into your Vercel dashboard, and the Vite configuration will handle the rest automatically!
This redesign was built in collaboration with an Agentic AI Coding Assistant. The step-by-step prompts, workflow, and architectural decisions are thoroughly documented in the PROMPTS.md file included in this repository.