AlgoRacer is a performance-focused web application developed for BCSE203E - Web Programming. It allows users to visualize and compare the time complexity of various algorithms across categories like Sorting, Graphs, String Matching, and Dynamic Programming in real-time.
- Side-by-Side Comparison: Race two algorithms against each other to see which scales better.
- Interactive Telemetry: Real-time charts showing operations vs. input size (N) using Recharts.
- Dynamic Configuration: Granular control over parameters like Vertices, Edges, and String lengths.
- Premium UI: Dark-themed glassmorphism design optimized for performance and aesthetics.
The project is built using modern web technologies:
- Framework: React 19
- Build Tool: Vite 8
- Styling: Tailwind CSS 4
- Data Visualization: Recharts 3
- Iconography: Lucide React
Key Dependencies:
{
"lucide-react": "^1.7.0",
"react": "^19.2.4",
"recharts": "^3.8.1"
}Follow these steps to get the project running locally:
Ensure you have Node.js installed on your system.
git clone https://github.com/Antra1705/AlgoRacer.git
cd AlgoRacernpm installTo start the local development server with Hot Module Replacement (HMR):
npm run devOnce started, open http://localhost:5173 in your browser.
To generate a production-ready build in the dist folder:
npm run buildTo see what the build looks like:
npm run previewTeam Name: OneDev Solutions Course: BCSE203E - Web Programming (Digital Assignment IV)
© 2026 OneDev Solutions. All rights reserved.