This full-stack web application features an Interactive Campus Map using open-source tools like Leaflet and OpenStreetMap. Users can dynamically pin locations, from departments to food outlets, with real-time event integration via open APIs. Icons differentiate location types, and tagging allows easy categorization. An info page for each location includes editable details, while an Administrative Control Panel empowers campus authorities with content management and usage monitoring capabilities.
🛠 Frontend
- HTML
- CSS
- JavaScript
- React+vite
🛠 Backend
- Node.js
- Express.js
- MongoDB
-
Interactive Campus Map: Explore a detailed campus map using open-source tools like Leaflet and OpenStreetMap.
-
Dynamic Location Pinning: Effortlessly pin various locations—departments, event stalls, food outlets, and more.
-
Real-Time Event and Schedule Integration: Stay updated with live event schedules and temporary pop-up locations through open APIs.
-
Addition of Icons: Use different icons to highlight location types, with the flexibility to add more in the future.
-
Tagging of Locations: Categorize locations with ease by adding multiple tags (e.g., hostel tag for hostels, department tag for departments).
-
Info Page for Locations: Access editable info pages for each location, including essential details like emergency numbers for hospitals or office room numbers for departments.
-
Administrative Control Panel: Empower campus authorities with a control panel to manage content, monitor app usage, and update information.
1.Create a github repo.
2.Clone github repo in your system.
git clone <github-url>
To Setup Frontend on Your Machine:
3.Install Dependencies:
Run the following command in your terminal to install the required dependencies..
npm i
4.Make a .env file:
VITE_Render_Url = "http://localhost:3000/"
5.Run Development Server:
Execute the following command to start the development server.
npm run dev
To Setup Backend on Your Machine :
6.Install Dependencies:
Run the following command in your terminal to install the required dependencies..
npm i
7.Make a .env file:
VITE_MONGOURL="Enter your MongoDB atlas connection url"
SECRET_KEY="Enter your Secret Key for jwt token"
8.Start Backend Server:
Execute the following command to launch the backend server.
node index.js
- Debajyoti Das
- Vidya Sagar
- Ankit Kumar