https://github.com/4darshshetty/vertual-code-bootcamp
https://github.com/4darshshetty/vertual-code-bootcamp
api css express html javascript json mern-stack mongodb nodejs react typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/4darshshetty/vertual-code-bootcamp
- Owner: 4darshshetty
- Created: 2025-09-02T08:18:40.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-09-02T08:23:53.000Z (11 months ago)
- Last Synced: 2025-09-02T10:18:32.256Z (11 months ago)
- Topics: api, css, express, html, javascript, json, mern-stack, mongodb, nodejs, react, typescript
- Language: TypeScript
- Homepage:
- Size: 43.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Virtual MERN Stack Coding Bootcamp (Frontend)
A Vite + React + TypeScript frontend for an interactive MERN bootcamp. Includes a module browser and a lightweight in-browser coding playground.
## Tech Stack
- Vite 5, React 18, TypeScript 5
- Tailwind CSS 3
- Icons: lucide-react
## Requirements
- Node.js 18+ and npm 9+
## Setup
1) Install dependencies
```bash
npm ci
```
2) Environment variables (optional)
```bash
PORT=8000
DATABASE_URL=mongodb://127.0.0.1:27017/boot
JWT_SECRET=secret
```
Note: If you previously used JSWT_SECRET, correct it to JWT_SECRET.
3) Start dev server
```bash
npm run dev
```
Open http://localhost:8000
4) Build & Preview
```bash
npm run build
npm run preview
```
## Scripts
- npm run dev — start Vite dev server (port 8000)
- npm run build — production build to dist/
- npm run preview — preview the production build
- npm run lint — run ESLint
## Structure
```
project/
index.html
vite.config.ts # server.port = 8000
src/
main.tsx
App.tsx # UI + coding playground
index.css
```
## Features
- Module list with progress
- Interactive area:
- Start Coding: simple editor + output
- View Examples: quick snippets you can load
## Troubleshooting
- Connection refused:
- Run inside project dir: cd project && npm run dev
- Try http://127.0.0.1:8000
- Check firewall/proxy/VPN
- Port in use: change port in vite.config.ts
- Browserslist warning: run `npx update-browserslist-db@latest`
## Version Control
Already initialized and pushed. Typical flow:
```bash
git add .
git commit -m "chore: update"
git push
```
## License
MIT