Skip to content

Ferhatmedtahar/The-Wild-Oasis

Repository files navigation

Wild Oasis

Wild Oasis is a web application where users can reserve cabins, create profile and get started! It also includes an About page to provide more information about the cabins , and so beautiful landing page.

Table of Contents

Features

  • Cabin Reservation: Users can browse and reserve available cabins.
  • User Profile: Create and manage user profiles to track reservations and personal details.
  • Authentication: Secure user authentication with signup, login, and logout features.
  • About Page: Provides information about the Wild Oasis project.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/wild-oasis.git
    cd wild-oasis

Usage

1. Reserve a Cabin

  • Browse Cabins: Navigate to the cabin reservation page to view a list of available cabins. You can filter cabins based on availability , and other criteria.
  • Select a Cabin: Click on a cabin to view its details, including amenities, price, and availability.
  • Make a Reservation: Choose your desired dates and confirm the reservation. You'll receive a confirmation notification once the reservation is successful.

2. Create a Profile

  • Sign Up: If you're a new user, go to the signup page and provide the required information (e.g., name, email, password) to create an account.
  • Edit Profile: After logging in, visit your profile page to add or update personal details such as your name, profile picture, and contact information.
  • View Reservations: Your profile page also includes a list of your current and past reservations, allowing you to manage or cancel upcoming bookings.

3. Authenticate

  • Login: Existing users can log in using their email and password. The login page includes options to reset your password if forgotten.
  • Logout: To log out, click the logout button in the navigation menu. This will securely end your session.

4. About Page

  • Learn About Wild Oasis: The About page provides background information on the Wild Oasis project, its mission, and the team behind it. This is a great place to understand the inspiration and goals of the project.

By following these steps, you can fully utilize the features of the Wild Oasis web application.

Technologies Used

  • Frontend: Next.js, React
  • Styling: Tailwind CSS
  • Backend: Supabase (for authentication and database management)
  • State Management: Context api
  • Routing: Next.js built-in routing
  • Deployment: Vercel

License

This project is licensed under the MIT License. You are free to use, modify, and distribute this software under the terms of the MIT License. See the LICENSE file for more details.