Modern web applications often require users to upload, organize, and share images. To learn more about full-stack development and cloud-based media management, I built CloudPix, a photo-sharing application using the MERN Stack.

In this article, I'll share how I designed and developed the application, the technologies I used, and the challenges I encountered during development.

Project Overview

CloudPix is a photo-sharing platform that allows users to:

Create and manage albums

Upload images

Organize photos into collections

Search for albums

Authenticate using Google OAuth

The goal was to build a scalable application while gaining hands-on experience with React, Node.js, MongoDB, and Cloudinary.

Tech Stack

The application was built using:

Frontend

React.js

React Router

Bootstrap

Backend

Node.js

Express.js

Database

MongoDB

Mongoose

Authentication

Google OAuth

JSON Web Tokens (JWT)

Media Storage

Cloudinary

Application Architecture

The project follows a typical MERN…