Project
Petcation
What I did
Conception, UX/UI design, Developed
Year
2022
Timeline
2.5 weeks
An Airbnb website for pets. Here users can book holidays for their pets or become a host themselves.
Petcation is a homestays for vacation rentals that made for your
pet.
In the part of pet owners who have obligations. And do not
trust in leaving their pets with pet hotel.
What is Petcation do?
We gather Pet lovers who have extra space and alway available
for your pet.
Petcation features:
- Booking
- Search filter
- User controller
- House controller
- Google API ( login & Map )
- Omise payment
Thank you for going above and beyond to help us achieve our goal. We wouldn’t have made it without all of you!
Register via Google
For a better experience, Easy login is essential.
features:
- Google login ( API )
- JWT token, Bcrypt
- Strong Password
Update user information & Add pets
Here, You can add more information and your pet in your list
features:
- Auto complete address
- Booking history
- Create new pet, Update pet information
Search by location & Search filter
Do you looking house near by?
features:
- Google map ( API )
- Search filter from DATA base
- Remove all filter search
Booking and Payment
Booking a house for your pet within 2 step
features:
- Available house check
- Pet type check
- Food cost calculation
- Select pets, Add, Remove
- Payments via omise gateway
Become a host, Create house
Earn money doing what you love.
features:
- Create house
- Upload multi photos (on cloudinary)
House Dashboard
Summary data and setting your house here
features:
- Update house information
- See upcoming booking, all booking
- Vacation mode
We worked with Waterfall Methodology and Kanban board.
Petcation is a group project for learning how to code with team
and learning about Git process at Code Camp Thailand.
For
more information Please contact us.
programme / tools / package
figma, React, Node.js, MySQL, axios, bcryptjs, cloudinary, cors, dotenv, express, jsonwebtoken, morgan, multer, sequelize, headlessui/react, heroicons, react-hook-form, tailwindcss, google-map-react, date-fns, framer-motion, jwt-decode, validator, web-vitals, omise, uuid