Opus is a premium photography application built with React, focusing on delivering a high-end visual experience. It allows users to explore a curated collection of images, follow artists, and manage their own personal collection of favorites.
- Masonry Layout: A dynamic, responsive grid layout for displaying photos.
- Infinite Scroll: Seamless photo browsing with automatic loading.
- Search: Real-time search functionality integrated with the Unsplash API.
- Detail View: High-resolution image viewing with metadata (EXIF, Location) and related photos.
- Secure Login: Powered by Firebase Authentication.
- User Dashboard: A personalized area for users to manage their profile and collections.
- Personal Collection: Authenticated users can save photos to their favorites.
- Persistence: Favorites are saved and synchronized with the user's profile.
- Glassmorphism: Modern UI elements with blurred backgrounds and translucency.
- Responsive: Fully optimized for desktop, tablet, and mobile devices.
- Animations: Smooth transitions and micro-interactions using Framer Motion.
- Frontend: React (TypeScript)
- Styling: Vanilla CSS (Variables, Flexbox, Grid)
- State Management: React Context API
- Routing: React Router v6
- Animations: Framer Motion
- Backend/Auth: Firebase (Auth, Firestore)
- API: Unsplash API
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm start
- Components: Reusable UI parts located in
src/components. - Pages: Main views located in
src/pages. - Context: State logic located in
src/context. - Styles: Global styles in
index.css, component-specific styles in respective CSS files.
This project is open source and available under the MIT License.
Salatech
- GitHub: github.com/salatech
- Email: solahudeenbabatunde@gmail.com