Empty Classroom is a web application designed to help students find and reserve available classrooms within their school's campus.
- Frontend: Vue, Vite, TypeScript, Vanilla CSS
- Backend: Express, Node.js, TypeScript
- Database: MySQL
- Users can register an account by providing their username, email, and password.
- Registered users can log in using their credentials.
- JWT tokens are used for secure and token-based authentication.
- The dashboard welcomes the user and displays their favorite classrooms.
- Users can browse and reserve available classrooms within their school's campus.
- Clone the repository:
git clone <repository-url>
- Navigate to the frontend directory:
cd client
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Clone the repository:
git clone <repository-url>
- Navigate to the backend directory:
cd server
- Install dependencies:
npm install
- Configure environment variables: get the
.env
file. - Start the backend server:
npm start
On my computer it is http://localhost:5173/
. Get the right information by following the instruction from the console after launching the client side.
Then, specify the pages you want to access:
- When you access
/dashboard
, it will renderDashboard.vue
. - When you access
/find
, it will renderFind.vue
. - When you access
/group
, it will renderGroup.vue
. - When you access
/login
, it will renderLogin.vue
. - When you access
/register
, it will renderRegister.vue
. - When you access
/reserve
, it will renderReserve.vue
.
- Vincent LAM - Alexandre CHRISTINA
This project is licensed under the MIT License.