Panda Pocket

Description:
Panda Pocket is an app that allows users with a GitHub or Google account to keep track of a their monthly expenses. There are various charts that allow Users to see any expense data they may be curious about at a glance.

Tech Details:
Frontend: React, Tailwind, Recharts, Lucide, HeadlessUI
Backend: NextJS, Prisma DB, MongoDB

Contributions:
I worked with a friend on this project, we both were involved in various E2E processes, creating several pages and RESTful APIs from scratch.

Takeaways:
NextJS is a valuable library based on the face it can support both Server Side Rendering (SSR) and Client Side Rendering (CSR). It is also nice being able to use javascript in the entire stack. TypeScript is invaluable for the strict type checking it provides. Prisma was an ORM that was quite easy to use and MongoDB was also relatively straightforward for what the project itself required.

Links:
Repository Live Deployment

Portfolio Website

Description:
This is currently the site you are on. This project was created to provide a platform to showcase any future projects.

Tech Details:
This project is aimed on focusing on refining the fundamentals, involving understanding and writing basic boilerplate from scratch. The site itself is built purely off of HTML and CSS. Seeing as there is minimal user interactivity and the site itself is not very complex, other complex libraries and frameworks were not necessary. SVG Icons were taken from Lucide.

Contributions:
This is a project that I have completed from scratch by myself.

Takeaways:
Reviewing several HTML and CSS fundamentals was incredibly useful. It was an eye opener how far HTML and CSS can take you without involving Javascript.

Links:
Repository