[CSE316]
Fundamentals of Software Development

Coursework Fall 2024
GitHub
Full Stack 2

Stony Brook University course project. Full-stack web application built with React.js frontend and Node.js backend, using MySQL for data persistence and Cloudinary for image storage. Demonstrates end-to-end web development skills.

Tech Stack

React.js Node.js Express.js MySQL Cloudinary

My Contributions

Frontend Development

React.js UI components and state management

Backend API Design

Node.js RESTful API design and implementation

Database Design

MySQL schema design and query optimization

Cloud Integration

Cloudinary setup for image upload and management

Challenges & Solutions

Problem Managing image uploads directly in the backend caused slow response times and storage bloat.
Solution Integrated Cloudinary for CDN-based image hosting with automatic optimization, reducing server load and improving page load speed.
Problem Complex state management across multiple React components caused data inconsistency bugs.
Solution Implemented centralized state management with React Context API and structured RESTful endpoints for clean data flow.