Welcome to Nourish Hub, your ultimate destination for hotel room bookings in Hungary. Whether you're planning a business trip, a family vacation, or a romantic getaway, Nourish Hub offers a seamless booking experience to ensure your stay is memorable and hassle-free.
- Homepage Design:
Engaging banner showcasing hotel rooms. Interactive map displaying hotel locations. Newsletter signup for exclusive offers. Featured rooms section with descriptions and "Book Now" button. Authentic user reviews displayed prominently.
- User Authentication:
Email and password-based signup/login. Google authentication via Firebase.
- Navigation Bar:
Links to "Rooms" page and "My Bookings" page. "My Bookings" accessible only to authenticated users.
-
Rooms Page: List of available rooms with filter by price range. Total review count for each room. Users can post reviews for rooms after booking.
-
Room Details Page:
Detailed room description, price, size, and availability. Special offers highlighted. Ability to book rooms with availability validation. Users can select booking dates and view a summary before confirmation.
- My Bookings Page:
Display of booked rooms for logged-in users. Option to cancel bookings and post reviews. Ability to update booking dates.
- Responsive Design: Enjoy a seamless browsing experience across all devices, from desktops to tablets and smartphones.
- React.js
- Vite
- React Router DOM
- Firebas Authentication
- Tailwind CSS
- Helmet
- Heroicons
- React icons
- Sweat alert
- React leaflet
Check out the live demo of Nourish hub here.
- Clone the repository:
client side:
server side : https://github.com/Porgramming-Hero-web-course/b9a11-server-side-git12nazneen
https://github.com/Porgramming-Hero-web-course/b9a11-client-side-git12nazneen
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and go to
https://localhost:5173
to view the website.
To run this project, you will need to add the following environment variables to your .env file
VITE_APIKEY
VITE_AUTHDOMAIN
VITE_PROJECTID
VITE_STORAGEBUCKET
VITE_MESSAGINGSENDERID
VITE_APPID
- First initialized firebase
sudo npm install -g firebase-tools
- Login to your firebase consol
firebase Login
- initialized firebase in this project
firebase init
-
Then Press Space to select features, then Enter to confirm your choices.
- Select
Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
- Select
-
Now enter foollowing command
- What do you want to use as your public directory?
dist
- Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
yes
- Set up automatic builds and deploys with GitHub? (y/N)
no
- What do you want to use as your public directory?
-
Now buld the dist folder
npm run build
- Finally this time to deploy website in firebase, now enter this command
firebase deploy
- For any inquiries or support, please contact Nazneen