Before you begin the setup, make sure to install the following tools:
- XAMPP - PHP development environment.
- Composer - A dependency manager for PHP.
- Node.js - JavaScript runtime.
- PNPM - Install using Node.js with the command in your terminal:
npm install -g pnpm
-
Move Project Folder:
- Move the
peer-tutoring
folder to the root directory of the XAMPP folder.
- Move the
-
Configure Environment Files:
- In both the
frontend
andbackend
folders, rename the.env.example
file to.env
.
- In both the
-
Install Backend Dependencies:
- Navigate to the
backend
folder and run the following command:composer install
- Navigate to the
-
Install Frontend Dependencies:
- Navigate to the
frontend
folder and run the following command:pnpm install
- Navigate to the
-
Import Database:
- Launch phpMyAdmin from XAMPP's control panel.
- Create a new database and name it according to the database name specified in the backend .env file.
- Select the database, and then click on the "Import" tab to import the tables.
- Choose the SQL file provided (peer_tutoring.sql) and start the import process.
-
Start XAMPP Services:
- Run XAMPP and start both the Apache and MySQL services.
-
Launch Frontend Development Server:
- Navigate to the
frontend
folder and run the following command:pnpm dev
- This command will start the development server and output a URL that you can open in your browser to view the webiste (typically
http://localhost:5173/
).
- This command will start the development server and output a URL that you can open in your browser to view the webiste (typically
- Navigate to the