https://github.com/iamvikash28/photo-folio
A sleek React + Firebase photo album app to organize, browse, and manage your memories.
https://github.com/iamvikash28/photo-folio
carousel css-modules firebase frontend image-management photo-album photo-app photo-gallery react react-components webapp
Last synced: 2 months ago
JSON representation
A sleek React + Firebase photo album app to organize, browse, and manage your memories.
- Host: GitHub
- URL: https://github.com/iamvikash28/photo-folio
- Owner: iamvikash28
- Created: 2025-08-12T07:08:13.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-12T07:37:58.000Z (10 months ago)
- Last Synced: 2025-08-12T09:27:02.864Z (10 months ago)
- Topics: carousel, css-modules, firebase, frontend, image-management, photo-album, photo-app, photo-gallery, react, react-components, webapp
- Language: JavaScript
- Homepage:
- Size: 299 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📸 Photo Folio
**"A sleek React + Firebase photo album app to organize, browse, and manage your memories."**
Photo Folio is a modern and minimal photo album management app built with **React** and **Firebase**.
It allows users to create albums, upload images, browse through a carousel view, and manage their photo collection with an intuitive interface.
---
## ✨ Features
- 📁 **Create, edit, and delete albums**
- 🖼 **Upload and manage images** inside albums
- 🔍 **Search functionality** for quick access
- 📱 **Responsive design** for mobile and desktop
- ⚡ **Firebase integration** for data storage and hosting
---
## 🛠 Tech Stack
- **Frontend:** React, CSS Modules
- **Backend / Storage:** Firebase
- **Styling:** CSS Modules + Custom styles
- **Package Manager:** npm
---
## 📂 Project Structure
photo-folio/
├── public/ # Static files (index.html, assets)
├── src/ # React source code
│ ├── components/ # Modular UI components
│ ├── firebase.js # Firebase configuration
│ ├── App.js # Main app component
│ └── index.js # Entry point
├── package.json # Dependencies & scripts
---
## 🚀 Getting Started
**1️⃣ Clone the repository**
```bash
git clone https://github.com/iamvikash28/photo-folio.git
cd photo-folio
```
2️⃣ Install dependencies
```bash
npm install
```
3️⃣ Start the development server
```bash
npm start
```
Visit http://localhost:3000 to view it in your browser.