PetFindPH

Technologies and Concept

JavaScript
React
Gatsby
GraphQL
Contentful
HTML5
CSS
Tailwind CSS
Netlify
Facebook Messenger

Specification

PetFindPH website application serves as the company’s profile and product catalog. It is integrated into Contentful where every client’s pet information is stored. Every instance that the owner creates a new pet profile, the application programmatically creates a new page that shows the pet’s vital information. That information is about the pet's dietary restrictions, pet allergies, owner contact details, and others.

Challenges

The challenge of the project is to create a minimum of 200 URLS that will be linked to the pet profile page. Therefore, each page should be created programmatically and be connected to the database for the owner’s maintenance. As a software developer, it is both exciting and a stretching experience because it will enhance your decision-making and problem-solving skills in choosing which approach should provide the best solution considering the timeline provided and the financial resources of the project. After thorough research, I was able to come up with a viable solution. Though there might be other solutions available, I choose and utilized on the Gatsby’s API createPage integrated with Contentful as CMS. I have created a standard layout of the pet profile using React that will consume the data from the CMS every time the owner has sold a new pet tag. Thus, eliminating the manual labor of creating each page. Overall, it was a rewarding experience to create a product and solution from scratch that the client exactly needs.

Responsibilities

  • Overall Development
  • Layout, UI and UX design
  • Responsive Design
  • Deployment