What is TaftLab?

Taft Lab provides students with access to well-equipped laboratories across campus. Our staff and systems ensure a seamless reservation experience, promoting safety, organization, and efficient use of resources. Explore the available labs and reserve the space you need to study, experiment, or collaborate with your peers.

TO RUN THIS CODE:

If you want the deployed version:

• Go to a browser and input "https://taftlab.onrender.com/"

If you want to run locally:

1. Clone the 'develop" branch of Github "https://github.com/Notebook24/CCAPDEV_Taft_Lab" to your local
2. Create a .env file at root folder and ask a dev for the contents (Already below since this is a school project)

MONGO_URI="mongodb://alainzurielmarcos_db_user:Choichoi22@ac-p49fh6g-shard-00-00.q7o52ib.mongodb.net:27017,ac-p49fh6g-shard-00-01.q7o52ib.mongodb.net:27017,ac-p49fh6g-shard-00-02.q7o52ib.mongodb.net:27017/?ssl=true&replicaSet=atlas-bx5tb3-shard-0&authSource=admin&appName=Cluster0" PORT="3000" SECRET_KEY="secret-key"

3. Go to cmd of parent folder and type 'npm install'
4. Run index.js (you can do it in cmd using node index.js)
5. Got to cmd of parent folder and type 'npm run dev'

To LOGIN you Account:

If you have an account

-- YOUR DLSU EMAIL THAT YOU SIGNED UP -- PASSWORD

If you are yet to make an account

1. Go to signup page in https://taftlab.onrender.com/signup
2. Input your credentials

If you are an admin

1. Go to https://taftlab.onrender.com/admin-login
2. If your account is not accepted, contact an existing Lab Admin to acknowledge your account.

TECH STACK

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Oxc
• @vitejs/plugin-react-swc uses SWC

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

NPM Packages and External Libraries

Dependencies (Production)

bcrypt - Password hashing cloudinary - Cloud image upload/storage cookie - Cookie parsing cookie-parser - Cookie parsing middleware cors - Cross-origin resource sharing dotenv - Environment variables management express - Web framework express-session - Session management mongoose - MongoDB ODM multer - File upload handling node-cron - Scheduled task automation react - Frontend UI library react-dom - React DOM rendering react-router-dom - React routing streamifier - Stream conversion utility swiper - Touch slider/carousel

Dev Dependencies

@eslint/js - ESLint JavaScript config @types/react - React TypeScript definitions @types/react-dom - React DOM TypeScript definitions @vitejs/plugin-react - Vite React plugin eslint - Code linting eslint-plugin-react-hooks - React hooks linting rules eslint-plugin-react-refresh - React refresh plugin for Fast Refresh globals - Global identifier list for ESLint vite - Build tool and dev server External Third-Party Libraries (CDN/Fonts) Google Fonts (Montserrat) - Font family https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap Swiper CDN - https://unpkg.com/swiper@8/swiper-bundle.min.js

Built-in Node.js Modules (no install needed)

path - File/directory path utilities crypto - Cryptographic functions