A Drag-and-Drop Image Gallery using React.
- Node.js
- Firebase project with Firestore and authentication enabled
- Unsplash developer account for API key
- Clone or Download: Clone this repository to your machine or download it as a ZIP file. To clone the repository:
git clone https://github.com/Bolupe/Image-Gallery.git
-
Navigate to the project directory: cd image-gallery-app
-
Install dependencies:
npm install
- Create a
.env
file in the root and add Firebase and Unsplash API keys:
REACT_APP_apiKey=your-api-key
REACT_APP_authDomain=your-auth-domain
REACT_APP_projectId=your-project-id
REACT_APP_storageBucket=your-storage-bucket
REACT_APP_messagingSenderId=your-messaging-sender-id
REACT_APP_appId=your-app-id
REACT_APP_ACCESS_KEY=your-unsplash-access-key
- Running the App: Start the development server using the command:
npm start
Access the app at http://localhost:3000.
With these instructions, you'll have the Drag-and-Drop Image Gallery Web App up and running locally with your own API keys.