This is a react project about uploading photos per the user's preferences Moreover if anybody wants to upload pictures they should sign up with a google account first.
- Bootstrap 5 for Designing card & components
- Framer-motion for side rendering & animations
- Firebase for authentication & storage (Firebase-firestore database)
- create a .env file in the root directory && paste the below information
REACT_APP_API_KEY = paste your api key
REACT_APP_API_AUTH_DOMAIN = paste your auth domain
REACT_APP_API_PROJECT_ID = paste your api project id
REACT_APP_API_STORAGE_BUCKET = paste your storage bucket
REACT_APP_API_MESSAGING_SENDER_ID = paste your messaging service id
REACT_APP_API_APP_ID = paste your api app id
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
You can learn more in the Create React App documentation.
This project has deployed here: https://photography-album.netlify.app/