Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dussanfreire/the-wild-oasis-website
The Wild Oasis Client Version is a web application that allows users to explore and book cozy cabins in a beautiful, remote location. It focuses on delivering a seamless booking experience, offering an intuitive interface and a fast, secure platform for users.
https://github.com/dussanfreire/the-wild-oasis-website
nextjs react tailwindcss
Last synced: about 1 month ago
JSON representation
The Wild Oasis Client Version is a web application that allows users to explore and book cozy cabins in a beautiful, remote location. It focuses on delivering a seamless booking experience, offering an intuitive interface and a fast, secure platform for users.
- Host: GitHub
- URL: https://github.com/dussanfreire/the-wild-oasis-website
- Owner: DussanFreire
- Created: 2024-09-10T01:35:31.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T18:15:02.000Z (2 months ago)
- Last Synced: 2024-10-18T18:13:03.700Z (2 months ago)
- Topics: nextjs, react, tailwindcss
- Language: JavaScript
- Homepage: https://the-wild-oasis-website-dussan-freire.vercel.app
- Size: 9.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Wild Oasis Client Version 🌲
The Wild Oasis Client Version is a web application that allows users to explore and book cozy cabins in a beautiful, remote location. It focuses on delivering a seamless booking experience, offering an intuitive interface and a fast, secure platform for users.
## Features ✨
* Browse Cabins: Users can explore available cabins in a remote and scenic location.
* Secure Authentication: Users can log in using their Google account via NextAuth for a safe and personalized experience.
* Quick Booking: The platform provides a straightforward booking process, making it easy to reserve cabins with just a few clicks.
## Tech Stack 🙌
* React: Provides a smooth, component-based structure, enhancing the user interface and experience.
* Next.js: Powers server-side rendering for faster page loads and improved performance.
* NextAuth: Handles secure authentication using Google, ensuring user data is safe and login is easy.
## How to Run the Project
### Prerequisites 🏁
Make sure you have the following installed:
* Node.js
* npm (or yarn)
### Installation ⬇️
1. Clone this repository:
```bash
git clone https://github.com/dussanfreire/the-wild-oasis-client.git
```
2. Navigate to the project directory:
```bash
cd the-wild-oasis-client
```
3. Install the required dependencies:
```bash
npm install
```
4. Create a .env file and add the required environment variables for NextAuth (Google Client ID and Secret):
```bash
NEXTAUTH_URL=http://localhost:3000
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
```
5. Run the development server:
```bash
npm run dev
```
6. Open http://localhost:3000 to view the app in the browser.
The app is deployed on Vercel. You can check it out live at:
[The Wild Oasis Website](https://the-wild-oasis-website-dussan-freire.vercel.app/)
## Contributing 🤝
If you’d like to contribute, feel free to submit a pull request or open an issue for any bugs or suggestions.
## Social 😃
Connect with me on [LinkedIn](https://www.linkedin.com/in/dussan-freire/?locale=es_ES) if you have any questions or just want to chat about web development!