CodeBridge is a fully responsive learning and internship platform built using React, Vite, and Tailwind CSS. It enables students to explore and enroll in programming courses, submit feedback, participate in events and hackathons.
🔗 Live Site: https://code-bridgeeducation.netlify.app/
CodeBridge supports two user flows: Students and Administrators. Students can enroll in coding courses using a cart system, submit testimonials, and explore hackathons/events. The administrator view allows posting events and managing content. Built with Tailwind CSS, the design is desktop-first, scalable, and interactive.
This project demonstrates a complete frontend workflow using React Hooks, React Router, Axios for API communication, and JSON Server for local backend simulation.
- 👤 Separate interfaces for Students and Admins
- 📚 Browse, enroll, and manage coding courses
- 🛒 Slide-down Cart with dynamic item counter
- 📝 Feedback form connected to Testimonials using Axios (POST & GET)
- 🎯 Hackathon/Event posting panel for admins
- 🖼️ Scrollable Project section with animation
- 🔁 Arrow-based testimonial carousel
- 📱 Responsive design using Tailwind CSS utility classes
- Frontend: React, Vite
- Styling: Tailwind CSS
- Routing: React Router DOM
- HTTP Requests: Axios
- Backend (Mock API): JSON Server
1: Clone the repository
git clone https://github.com/Supreet37/Mega_Project
cd Mega_Project/coding-app
2: Install dependencies
npm install
3: Start the frontend development server
npm run dev
4: Start JSON Server for feedback API (in a separate terminal)
npm install -g json-server
json-server --watch src/db/feedback.json --port 5001
Local Development URLs:
Frontend: http://localhost:5173
Mock API (Feedback): http://localhost:5001/feedback
- @Supreet37 — Supreet Mohapatra
- @muna123-45 — Muna Nayak
- @ompreet-s — Ompreet Mohapatra
- @PursuitOfc0de — Rishabh Kumar
