https://github.com/simandrew/the-wild-oasis-nextjs-v2

The Wild Oasis hotel management app
https://github.com/simandrew/the-wild-oasis-nextjs-v2

next-js supabase tailwind-css

Last synced: about 2 months ago
JSON representation

The Wild Oasis hotel management app

• Host: GitHub
• URL: https://github.com/simandrew/the-wild-oasis-nextjs-v2
• Owner: SimAndrew
• Created: 2024-06-21T10:55:28.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-06-25T15:17:04.000Z (8 months ago)
• Last Synced: 2024-12-03T19:07:31.820Z (2 months ago)
• Topics: next-js, supabase, tailwind-css
• Language: JavaScript
• Homepage: https://the-wild-oasis-nextjs-v2.vercel.app/
• Size: 8.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## The Wild Oasis NextJS v2

[Application use Pages Router](https://nextjs.org/docs/pages)

[App Router vs Pages Router dev.to ](https://dev.to/dcs_ink/nextjs-app-router-vs-pages-router-3p57)

[App Router vs Pages Router medium.com](https://medium.com/@jawaragordon/choose-your-own-adventure-next-js-app-vs-pages-router-528dbf25b37f)

---

### About:

The Wild Oasis hotel app that lets you view list of cabins available for reservation and information. Write to hotel staff any questions about cabins.

You can try here: [the-wild-oasis-nextjs-v2.vercel.app](https://the-wild-oasis-nextjs-v2.vercel.app)

---

### Sample task, photo:

**Home page:**

![image](https://github.com/SimAndrew/the-wild-oasis-nextjs/assets/44125451/7776cc45-026d-4189-9e29-b48607317ac4)

**Cabins page - List of cabins available for reservation**

![image](https://github.com/SimAndrew/the-wild-oasis-nextjs/assets/44125451/ebf22215-4f8c-4aa8-85f6-aa95fe7ccfbd)

**About page:**

![image](https://github.com/SimAndrew/the-wild-oasis-nextjs/assets/44125451/e0045f98-5197-48cb-8e26-621d1a21c8a8)

**Contact Us page - Write to hotel staff any questions about cabins:**

![image](https://github.com/SimAndrew/the-wild-oasis-nextjs/assets/44125451/5759a676-d910-4028-8680-81d0b0c1b38a)

---

### Technologies, Libraries:

- React lets you build user interfaces out of individual pieces called components. [React JS](https://react.dev/)

- Next JS - React meta-framework. Handles routing, SSR, data fetching and even remote state management. [Next JS](https://nextjs.org/)

- [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)

- Tailwind CSS a utility-first CSS framework that packed with classes. Extremely easy to integrate into Next.js. Utility-first is a CSS methodology where you build up your styles using many small, purpose-specific classes. [tailwindcss.com](https://tailwindcss.com/)

- heroicons/react - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS [heroicons.com](https://heroicons.com)

- Supabase - database and API [supabase.com](https://supabase.com)

---

### Run the app:

- Clone a project: `git clone`

```

git clone https://github.com/SimAndrew/the-wild-oasis-nextjs-v2.git

```

- Open project code in your editor.

- Install the dependencies, enter into the terminal:

```

npm install

```

- Run the project, enter into the terminal:

```

npm run dev

```