<a name="top"></a>

Campuspace

Campuspace is a MERN stack project that utilizes TypeScript and Tailwind CSS. 📚✨ Admins can manage timetables, track teacher absences, and oversee room assignments, while students and teachers can view timetables, available rooms, and teacher absences. 🏫

🏅 Featured in

<p align="center"> <img src="./image.png"> </p>

Run Locally

Clone the project

  git clone https://github.com/Salvelop07/Campuspace.git

Go to the project directory

  cd Campuspace

Install dependencies

  npm run build

Start the server

  npm run start

<h2> 🔄 Tech Stack </h2>

1. <b> Frontend: </b> <!-- React -->

<img src="https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="React logo"> <!-- React.js --> <img src="https://img.shields.io/badge/react.js-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="React.js logo"> <!-- Tailwind CSS --> <img src="https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white" alt="Tailwind CSS logo">

2. <b>Backend:</b>

<!-- Node.js --> <img src="https://img.shields.io/badge/node.js-339933.svg?style=for-the-badge&logo=nodedotjs&logoColor=white" alt="Node.js logo"> <!-- Express.js --> <img src="https://img.shields.io/badge/express.js-000000.svg?style=for-the-badge&logo=express&logoColor=white" alt="Express.js logo">

3. <b> Database: </b>

<!-- MongoDB --> <img src="https://img.shields.io/badge/mongodb-%2347A248.svg?style=for-the-badge&logo=mongodb&logoColor=white" alt="MongoDB logo">

4.<b> Full Stack Integration: </b>

<!-- MERN Stack --> <img src="https://img.shields.io/badge/mernstack-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="MERN Stack logo">

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

MONGODB_URI

PORT

ACCESS_TOKEN_SECRET

NODE_ENV

• Click Here for Server Side .env.sample file.

If you want to change the name of the college, image or footer links edit the env.production file in the client folder

VITE_COLLEGE_NAME VITE_TWITTER VITE_GITHUB VITE_LINKEDIN VITE_LOGO

• Click Here for Client Side .env.sample file.

<hr>

Show some <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" width="35" height="35"> by starring this awesome repository!

<p align="right"><a href="#top">Back to top</a></p>