Projects

Featured Project - Fullstack / Deployed

Health.me

I reconstructed and deployed an enhanced iteration of my former Health Tracker App project utilizing the Next.js framework. This iteration empowers users to thoroughly log and monitor their sleep patterns, physical activities, body weight fluctuations, and dietary intake through an intuitive and user-friendly interface. The project architecture integrates the Vercel server platform for the front-end and leverages Mongo Atlas for the back-end infrastructure, ensuring robust performance and data management. I have implemented Google Authentication to fortify the app's security measures. Additionally, the Spoonacular API enhances the app's capabilities by facilitating comprehensive queries related to food ingredients and nutritional information. This application also integrates responsive design, allowing access to its features and benefits on a smartphone or tablet.

Tech Stack:

JavaScript

Vercel

React

MongoDB Atlas

Mongoose

Google Auth

Tailwindcss

NextUI

HTML

CSS

Spoonacular API

JavaScript, Vercel, Next, React, MongoDB Atlas, Mongoose, Google Auth, Tailwindcss, NextUI, HTML, CSS, and Spoonacular API.

Visit Project

Featured Project - Fullstack / Deployed

ThankFul Journal

ThankFul Journal is a web application designed to enable users to document their positive memories. This app encourages users to reflect on their daily experiences, fostering happiness and personal growth. The application was developed with a React.js frontend and a Django backend, and it integrates Firebase for secure user authentication. The entire platform is deployed on AWS, ensuring reliability and scalability.

Tech Stack:

JavaScript

React

HTML

CSS

Python

Django

Firebase

AWS S3

AWS EC2

JavaScript, React, HTML, CSS, Python, Django, Firebase, AWS S3, and AWS EC2.

Hack Reactor Fullstack Project

Exploding Kittens Clone

Tech Stack:

JavaScript

React

Express

HTML

Tailwindcss

Socket.io

Firebase

Framer-Motion

Mongo DB

JavaScript, React, Express, HTML, Tailwindcss, Socket.io, Firebase, Framer-Motion, and Mongo DB.

Hack Reactor Frontend Project

Project Maïs

Tech Stack:

JavaScript

Babel

Webpack

React

Chart.js

HTML

CSS

JavaScript, Babel, Webpack, React, Chart.js, HTML, and CSS.

Code for SF Project - Fullstack - in Progress

Compass

Compass is a tool to help educators create and manage Individualized Education Programs (IEPs) for better student outcomes. It is an ongoing, open-sourced project by the designers and engineers of Code for San Francisco. The webpage has two roles: the case manager and the para. The case manager can add and remove students and paras. They can create student IEPs, goals, and benchmarks. They can also collect the data via tasks and view those data through a data analysis platform. The para is responsible for recording student data from their assigned benchmarks.