Project

Petly

Tech used

TypeScript LogoTypeScriptReact LogoReactExpress.js LogoExpress.jsNode.js LogoNode.jsVite LogoVitePostgreSQL LogoPostgreSQLTailwind CSS LogoTailwind CSSRender LogoRenderGit LogoGit

A fully functional online pet store made for our course in fullstack development, as a pet owner myself it was fun to try and optimize what I felt I would want as a customer.

A screenshot of Petly in desktop view

This course was by far the most fun one, getting to tie everything together and structuring the backend with a SQL database, and integrating it with the frontend. It really gave a good overall picture of how things function. I enjoyed setting up the database learning about all the different relationships between tables and how to do it in the best way.

The website also has a fully functional authentication system with JWT and Bcrypt, as well as roles in the user table, with a full admin panel allowing you to change status of orders and adding new products etc. When adding a new product the user has the ability to upload a picture of the product through Cloudinary.

With the way the products and attribute tables are set up it also allowed me to filter the products based on attributes such as different proteins, brand name, age, size etc for dog foods for example.