Skip to content

Pawcation, a reservation app for our paw buddies' staycation while we, their hooman travel oversea.

Notifications You must be signed in to change notification settings

May-Moe-Oo/Pawtopia

Repository files navigation

Pawtopia

Pawcation is a canine vacation. An app to make booking reservations for our paw buddies' staycation while we, their hooman travel oversea.

  • Registeded user are able to record their pet information and view their booking request/reservations.
  • Paw owners can choose from 3 different room sizes that suit their pets needs. All room provide a safe privite space for your paw buddies.

Getting Started

https://pawtopia.onrender.com

Technologies Used

  1. React
  2. Tailwind CSS - daisy UI
  3. Node.js
  4. JavaScript
  5. Express Framework
  6. MongoDB & Mongoose
  7. Render deployment
  8. Git & GitHub
  9. date-fns
  10. bcrypt
  11. jsonwebtoken

Features

  1. User Login and Sign Up
  2. CRUD for Pet and their informations
  3. View Rooms and Room Information
  4. Create and View Booking Reservations of Rooms

ERD Diagram (mermaid.live)

User Story

As a Non-registered User, they can :-

  • view information about the hotel and the rooms

As a Registered User, they can :-

  • create, update and delete their pet dogs' informations
  • view information about the hotel and the rooms
  • create a reservation on booking of rooms
  • view the room booking reservations

Wireframe and Screenshots

  • Sign Up

image image

  • Log In

image image

  • Log Out

image image

  • Home Page

image image

  • About Us

image image

  • Contact Us

image image

  • User Welcome

image image

  • User Pet

image image image

  • Create Pet Information

image image

  • Pet Information

image image

  • Updating Pet Information

image image

  • Rooms

image image

  • Room Information

image image

  • Room Booking Reservation

image image image image

  • User's Booking

image image

Learning Point and Challenges

  • Working with referencing data model
  • Fetching data and using of Params
  • Working with dates
  • Working with daisyUi

Initially wanted to make a booking app however I hadn't thought about the avalibility of rooms and numbers of room limits. Thus, it has been changed to reservation app, where user make the room reservation. In future, I plan to make an admin dashboard where admin is to approve or reject the user's reservation. Revise the user bookings reservation table and user an emailing system to inform the user of the status of the room booking reservation.

Future Features

  1. Admin dashboard
  2. Form validation
  3. Mailing system
  4. Filter Bookings

Resources

Wireframe: Google Slides
Tailwind CSS - Daisy UI: Daisy UI
Date formating: Stack overflow

About

Pawcation, a reservation app for our paw buddies' staycation while we, their hooman travel oversea.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages