3 Days

Digital Art Gallery

An interactive gallery for browsing, filtering, and submitting artwork

Organized artwork into Photography, Painting, Sculpture, and Digital categories
Enabled visitors to filter artwork and open dedicated detail pages using dynamic URLs
Created a protected submission workflow without requiring a backend or database
Delivered a multi-page responsive application with authentication and persistent data in three days
React 19JavaScriptCSS3React Router 7Vite

About This Project

Digital Art Gallery is a React application where visitors can browse artwork, filter pieces by category, and view detailed information about individual works. It demonstrates nested and dynamic routing, protected pages, mock authentication, responsive layouts, and browser-based data persistence. Authenticated users can submit new artwork that remains available through localStorage.

TIMELINE

Day 1

Gallery Foundation

Created the React project, reusable navigation components, homepage, gallery layout, and responsive artwork grid.

Day 2

Routing and Artwork Discovery

Implemented nested category routes, dynamic artwork detail pages, redirects, active navigation, and a custom 404 page.

Day 3

Authentication and Submissions

Added mock authentication, protected routing, artwork submissions, localStorage persistence, styling, and final testing.

PROJECT MEDIA

See It In Action.

Digital Art Gallery screenshot 1
Digital Art Gallery screenshot 2
Digital Art Gallery screenshot 3
Digital Art Gallery screenshot 4
Digital Art Gallery screenshot 5
Digital Art Gallery screenshot 6
Digital Art Gallery screenshot 7
Digital Art Gallery screenshot 8
Digital Art Gallery screenshot 9
Digital Art Gallery screenshot 10

EXPLORE THE PROJECT