CodeQuest is a modern DSA (Data Structures & Algorithms) practice and coding platform inspired by LeetCode. Solve real problems in a live editor, read detailed explanations, and manage your learning all from one sleek client—built with Next.js, TypeScript, Tailwind, and CodeMirror. No Firebase used: connect your own backend for storage and code evaluation.
This includes the screenshots of the prominent pages.
- Live coding playground with CodeMirror (supports C++, Python, JavaScript)
- Rich problem descriptions with sample cases
- Responsive UI built with Tailwind CSS
- Intuitive navigation: Navbar, Topbar, Workspace, Problems Table, Modals, etc.
- Modular, extensible React component structure
- Authentication UI (no backend wired—bring your own API)
- Admin dashboard for adding/editing problems
- Variety of DSA problem utilities (Two Sum, Subset Sum, Reverse Linked List, and more)
- State managed by Recoil
- Next.js
- TypeScript
- Tailwind CSS
- CodeMirror 6 code editor
- Recoil for state management
- Axios
- UI: React Icons, Lucide, Toastify, Confetti animations
├── public/
│ └── screenshots/ # Place image assets here
├── src/
│ ├── atoms/ # Recoil atoms for global state
│ ├── components/ # Reusable UI + feature components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Next.js pages (routing)
│ ├── utils/ # Problem definitions & helper functions
│ └── styles/ # Global CSS & Tailwind setup
├── .env.sample # Example environment variables
├── package.json # Dependencies & scripts
├── tailwind.config.js # TailwindCSS config
└── tsconfig.json # TypeScript config
git clone https://github.com/your-username/codequest.git
cd codequest
npm install
npm run build
npm start
- Browse and attempt coding problems via the Problems Table or Workspace.
- Use the Editor to write and test code.
- Authentication modals are UI-only—hook up your backend/login system as needed.
- For code execution/evaluation: integrate your own backend API.
- Backend code evaluation and submissions
- User accounts, profile, and submission tracking
- Sorting/filters: tags, difficulty, topic
- Discussions for each problem
- Leaderboard/contest mode
Pull requests are welcome! Fork, commit, and open a PR.
Built with ❤️ by [Vansh Verma].