Welcome to the frontend repository for the Whisker Watchers Website, a platform where pet owners can hire trusted pet sitters to care for their furry friends. This application is built using React and Node.js and is deployed on Netlify.
The Whisker Watchers frontend provides a dynamic, user-friendly interface designed to connect pet owners with professional sitters. Conditional rendering and role-based access ensure a personalized experience for every user.
- Pet Sitting Services: Book professional sitters through an intuitive interface.
- Conditional Rendering:
- Logged-in Users: Access dashboards with bookings and pet details.
- Logged-out Users: Prompts to log in or sign up.
- Admins: Manage bookings, sitters, and users.
- Responsive Design: Optimized for all devices.
- Dynamic Forms: Easy pet and booking information submission.
- Error Handling: Custom 404 and fallback pages.
The frontend is deployed on Netlify:
Netlify Link: https://whisker-watchers.netlify.app/
This frontend connects seamlessly with a RESTful API backend deployed on Render.
Backend Repository: https://github.com/Ironhack-Arcadians/whisker-watchers-backend
- Clone the repository.
git clone https://github.com/Ironhack-Arcadians/whisker-watchers-frontend.git
cd whisker-watchers-frontend
- Install dependencies:
npm install
npm install bootstrap
npm install --save @fortawesomereact-fontawesome@fortawesome/free-regular-svg-icons@fortawesome/fontawesome-svg-core
npm install -D sass-embedded