Online Photo Album/Gallery

Photofolio is an online photo album/Gallery react app that users to upload, organize and share their digital photos

Folder Structure

Photo-Gallery-app/
|-- public/
|   |-- index.html
|
|-- src/
|   |-- assets/
|   |   |-- images/ 
|   |-- components/
|       |-- AlbumForm/
|       |   |-- AlbumForm.jsx
|       |   |-- AlbumForm.module.css
|       |-- AlbumList/
|       |   |-- AlbumList.jsx
|       |   |-- AlbumList.module.css
|       |-- ImageForm/
|       |   |-- ImageForm.jsx
|       |   |-- ImageForm.module.css
|       |-- ImageList/
|       |   |-- ImageList.jsx
|       |   |-- ImageList.module.css
|       |-- Carousel/
|       |   |-- Carousel.jsx
|       |   |-- Carousel.module.css
|       |-- Navbar/
|       |   |-- Navbar.jsx
|       |   |-- Navbar.module.css
|       |-- ToastContainer/
|           |-- ToastContainer.jsx
|           |-- ToastContainer.module.css
|   
|-- firebase/
|   |-- firebaseConfig.jsx
|-- App.jsx
|-- index.jsx
|-- index.css
|-- index.html
|-- .gitignore
|-- package.json
|-- README.md

Technology Used

• React
• Vite
• Firebase
• React-Toastify
• Material-UI

Detting Started

Prerequisite

• NodeJs
• NPM (Node Package Manager)

installation

1. Clone the Repository

   git clone https://github.com/Sam21sop/PhotoFolio.git
   

2. Navigate ti the Project Directory

   cd PhotoFolio
   

3. Install Dependency

   npm install
   

4. Running Project

   npm run dev