An appointment system built with Laravel 9, VueJS 3, and FullCalendar 5.
Before you begin, ensure you have the following software installed on your system:
- PHP: Download from the official PHP website. Ensure the
phpcommand is available in your system's PATH environment variable. - Composer: Download the installer from the official Composer website. This will recognize PHP on your system and create the
php.inifile for settings. - Node.js and NPM: Download and install from the official Node.js website.
Open your terminal and run the following command to install Laravel globally:
composer global require laravel/installer
Navigate to your project directory and install the required libraries:
npm install
composer install
If you encounter issues while installing libraries with Composer, try the following solutions:
- Delete the
composer.lockfile - Run
composer upgradeorcomposer update - Open the
php.initfile (you can find it by runningphp --ini, if not found, reinstall PHP and Composer) and activate the extensionfileinfo(uncomment the lineextension=fileinfo) - Check the versions of the programs, if necessary you should use older versions.
Run composer install again.
Rename the .env.example file to .env and execute the following command:
composer run post-create-project-cmd
- Uncomment the
extension=pdo_mysqloption in yourphp.inifile to activate the extension. - Create a database, e.g. in the mysql terminal:
create database full_calendar - Configure the database in your
.envfile, e.g:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=full_calendar
DB_USERNAME=root
DB_PASSWORD=password
Migrate the database with php artisan migrate
You can run the project using two separate terminal instances:
- For the frontend:
npm run dev
or
npm run watch
- For the backend:
php artisan serve