This is my exam submission in Javascript and API. I chose the dog sitter app. I have created a website for Pawsome Pals, which is a full-service dog walking platform built using:
Pawsome Pals is designed to connect dog owners with trusted, local dog walkers. It's a modern, user-friendly platform developed as part of a JavaScript and API exam. This platform includes an array of features such as geolocation, customer testimonials, dog walker profiles, and a FAQ section.
For and log in as administrator-
- Username: admin@pp.com
- Password: admin
As an administrator, you can add, update and remove users.
- User Profiles: Dog walker profiles showcasing their experience, location, and pricing.
- FAQ: Dynamic FAQ section with commonly asked questions and answers.
- Customer Testimonials: Innovative display of customer reviews.
- Contact Form: A form with advanced validation for users to easily get in touch.
- Geolocation: A feature that allows users to search for dog walkers based on their location.
Clone the repository to your local machine:
git clone https://github.com/wroan92/Arbeidskrav1-Javascript-og-API.git
Navigate to your index.html and right-click the file, then press Open with Live Server. This will run the live-server and you will be able to navigate through the assignment.
For users of the site, they will arrive at the landing page where they will be greeted by a carousel showing the dog sitters the user can book. The user can then click on those for and book or go on to the dog sitter page and search and filter between all the dog sitters.
When the user books a dog sitter, the user will receive a booking confirmation where the price will be calculated based on how long the dog sitter has been booked.
There is also an information page where there is a FAQ, a contact us page that shows a map of all the offices of Pawsome Pals and a form for submitting messages.
There is also an option to log in as an administrator, the administrator will then have the option to add, change or remove users from the list of dog sitters. When you are logged in as an administrator, you will get a new option in the menu and that is to log out.
- https://randomuser.me/
- https://unsplash.com/ (For images)
- https://stackoverflow.com/questions/75420771/multiple-carousel-for-multiple-cards
- https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
- https://codepen.io/Mihoz/pen/YBROwZ
- https://cloud.google.com/
- https://freefrontend.com/ (For inspiration)