vision-vault

Vision Vault is an innovative cloud-based platform designed to revolutionize how you manage your visual content. Seamlessly storing both images and videos, our online service ensures the secure storage and easy access of your precious digital assets. With Vision Vault, uploading and safeguarding your media becomes effortless, offering a streamlined solution for effective digital asset management.

Project Walkthrough Video

Watch the Project Walkthrough Video

Dummy Credentials

Use the following dummy credentials for testing:

• Email: admin@gmail.com
• Password: admin123

Installation

1. clone the repository (use tools like gitbash,terminal,vscode)

   git clone https://github.com/Varun8177/vision-vault.git

2. navigate to the above cloned folder.

3. run npm install in terminal.

4. add .env files you'll get all the env variables values as soon as you setup a firebase project.

REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_MEASUREMENT_ID=

6. run npm run start in terminal

Tech Stack Used

• typescript
• react.js
• react-router-dom
• tailwind CSS
• react-icons
• react-responsive
• notistack
• firebase
• firestore database
• firebase storage

screen previews

1. login page

2. signup page

3. Home page