About the project
The idea was to create a whole functioning website, but this time both on front and backend. On the website, the user will have access to a platform to find a sitter for his/her pet or host one for a certain period of time.
Structure
The data is manually added to the database and deployed by render/netlify. The website consists of six different pages. Firstly, the Signup page is used to build a profile based on the user’s information, which assigns a specific encrypted password and a valid token to that credential. Then the Login page for the existing data of a user leads to the user’s profile page. There, the user is able to use CRUD functionalities: add, delete, update their pet, or post a new inquiry to look for a sitter through the platform.
By adding the inquiry post, you will be redirected to a hub of posts on which you will find all the available and pending inquiries by other users, and then you can accept a pet to take care of based on your timeline and availability. As soon as you accept a pet, the info will be passed to your profile page, and after the dates are over, you can remove the pet from your list.
The most challenging part
One of the biggest challenges I faced was working with the JWT token validator and middlewares. Understanding the context and adapting it to my code was super challenging, even though I had reference materials. As some parts of the data needed to be transferred among different pages, every detail should have been correctly planned to get recognised by the authenticator, validate the data and pass them to the correct page after paying the correct bouncer.
Here you can try the live page
https://our-module-3-frontend.netlify.app/