Live Link: PETsonalities
PETsonalities, inspired by Product Hunt, is an online application that allows users to create pet pages as well as view and comment other users' created pet pages.
- Utilizes API routes to render elements, such as, updating and removing a user's comment asynchronously.
The search feature was particularly challenging for me to debug, I had difficulty configuring the search feature so it allowed the search of two different tables in our database.
Frontend
- JavaScript
- PUGjs
- CSS
Backend
- Sequelize(PostgresQL)
- Express
- cookie-parser/csurf
- bcrypt.js
Deployed on
- Heroku
Our front end was built out using PUGjs as our structure for HTML and CSS was utilized for styling. Our front end also has some DOM manipulation elements that allow the page to be responsive to user input. these features are comment edit, and delete, like creation and deletion, and in the profile page for viewing the users pets owned, pets liked, and pets commented on.
Our backend was built using express, and is a collection of routes that serves information to the client and intercats with our databse.
Sequelize is the ORM we utlized to interact with our database, we generated models with associations to one another that allows the sharing of data and the ownership of pets, like, comments. We seeded data to fill out the site for demonstration purposes using sequelize.