Wild Oasis - Hotel Booking Site

Introduction

Welcome to the beautiful paradise for the spending your time with the loved ones - Book your cabins with World Oasis

Overview

Table of Contents

1. Introduction
2. Overview
3. Built with
4. What I have learned
5. Challenges that I have discovered
6. Features
7. Future Improvements
8. Links
9. Acknowledgement
10. Getting Started
11. Installation
12. Usage
13. Contributing

Built with

• Next JS 14 with RSC Architecture (App Router)
• Tailwind CSS
• TypeScript
• Supabase
• Next Auth

What I have learned

1. To implement authentication & authorization using Next Auth
2. Fully leverage the usage React server components to implement list-based sites (cabins)
3. Use App Router methodologies to implement routing and using revalidation for routes to reflect server mutations and caching
4. Implemented middleware to handle authorization based routes

Challenges that I have discovered

• As an initiative, I have decided to learn typescript through making this project as well. I have built this using typescript as the base language. As a learning perspective this was quite an intersting face to integrate typescript to the project, but as an overall I think this moment is much more rewarding

Features

• User-friendly booking process
• Responsive design
• Secure authentication and authorization
• Real-time updates and revalidation
• Server-side rendering for improved performance

Future Improvements

• Adding more cabin categories and features
• Integrating payment gateway for seamless transactions
• Implementing user reviews and ratings
• Enhancing the UI/UX design based on user feedback

Links

• Live URL: Click Here
• Code URL: Click Here

Acknowledgement

I did this project as a part a udemy course that I have enrolled. With the guidence of Jonas Schmedtmann, it was an engaging session for me to create this project own my own. I hope I can make more updates as in upcoming versions.

Getting Started

Follow these instructions to set up the project locally.

Installation

1. Clone the repository: git clone https://github.com/sreehariv-code/the-world-oasis-app-website.git
2. Install dependencies: npm install
3. Set up environment variables as per the .env.example file.

Usage

1. Run the development server: npm run dev
2. Open http://localhost:3000 in your browser to see the application.

Contributing

1. Fork the repository.
2. Create your feature branch: git checkout -b feature/YourFeature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin feature/YourFeature
5. Open a pull request.