🏫 CampusSpot – Classroom Availability Tracker

A React + TypeScript + Tailwind + Node.js Web Application CampusSpot is a smart web app designed to help college students instantly check which classrooms are empty, occupied, or currently hosting a lecture. It solves a common campus problem—finding silent spaces to study or attend online classes—by giving real-time room availability in a clean, modern interface.

🚀 Features

✅ Classroom Availability Checker

View all classrooms in one dashboard Shows whether a room is Empty, Occupied, or In Lecture Auto-updates classroom status in real-time (or mock data)

🎯 Lecture Tracking

Displays which lecture is happening in each room Includes subject, faculty name, and time slot

🌗 Dark / Light Theme Toggle

Smooth and aesthetic theme switch using Tailwind’s dark mode

##⚡ Fast & Modern UI

Built with React + TypeScript Styled with Tailwind CSS Responsive on all devices

🔌 Backend API (Node.js)

Node.js server provides classroom data via a REST API Easily customizable for real campus integration

🛠 Tech Stack

Frontend

• React
• TypeScript -Tailwind CSS -Vite

Backend

-Node.js

Other Tools

-Git & GitHub

📁 Project Structure

│
├── backend/            # Node.js 
├── src/                # React frontend source
│   ├── components/
│   ├── pages/
│   ├── utils/
│   └── App.tsx
│
├── public/
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── README.md

Prerequisites: Node.js

1. Install dependencies: npm install

2. Run the app: npm run dev