Welcome to Hotel101, a hotel bookings system, built with Laravel backend, React and Tailwind CSS in the frontend.
Demo:
ps: the backend is hosted by heroku, so just wait a bit for api response
1 - https://hotel101.netlify.app
1 - Clone the project:
git clone https://github.com/yons101/hotel101-hotel-bookings-laravel-react.git
cd hotel101-hotel-bookings-laravel-react
2 - Install Laravel dependencies
cd backend
composer install
3 - Setup database and Stripe:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db_name
DB_USERNAME=db_username
DB_PASSWORD=db_password
STRIPE_KEY=
STRIPE_SECRET=
4 - Migrate, seed , setup oauth2: php artisan migrate --seed php artisan passport:install
5 - Serve Laravel Backend: php artisan serve 6 - Install React dependencies:
cd ..
cd frontend
npm install
7 - Set base url in .env file
REACT_APP_BASE_URL=http://127.0.0.1:8000
8 - Serve React Frontend
npm run serve
Technologies and packages used:
Backend :
Laravel, laravel/passport, guzzlehttp/guzzle
Frontend:
React, TailwindCSS, react-redux, react-router-dom,
react-slick, react-to-print, react-typical,
react-image-lightbox, secure-ls,
@yaireo/tagify, axios, google-maps-react, AOS
Screenshots: