Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bhavnesh1811/vivahit-gallery

Welcome to the Vivahit Gallery project! This project aims to build a gallery where users can create an account and upload images or videos. It is built using React, Firebase, TypeScript, and Chakra UI for styling.
https://github.com/bhavnesh1811/vivahit-gallery

chakra-ui firebase firebase-auth firebase-database react typescript

Last synced: 1 day ago
JSON representation

Host: GitHub
URL: https://github.com/bhavnesh1811/vivahit-gallery
Owner: bhavnesh1811
Created: 2024-03-15T09:45:30.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-03-18T10:46:04.000Z (9 months ago)
Last Synced: 2024-03-19T05:48:10.643Z (9 months ago)
Topics: chakra-ui, firebase, firebase-auth, firebase-database, react, typescript
Language: TypeScript
Homepage: https://vivahit-gallery.vercel.app/
Size: 429 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Vivahit-gallery

## Deployed Link
https://vivahit-gallery.vercel.app/

# Demonstration Video
https://drive.google.com/file/d/12rKeWwi_y2o05S2Leywb6pR080lHhysF/view?usp=drive_link

## Credentials
Email:
```bash
[email protected]
```
Password:
```bash
admin123
```
## ScreenShots
- Login Page
![Screenshot (48)](https://github.com/bhavnesh1811/vivahit-gallery/assets/110032728/163445a9-70f8-4db0-b9fd-f19f4c1f961e)

- Signup Page
![Screenshot (54)](https://github.com/bhavnesh1811/vivahit-gallery/assets/110032728/340aa6d5-8051-46a4-8109-9ee9a001ab62)

- Home
1) Web Screen
![Screenshot (49)](https://github.com/bhavnesh1811/vivahit-gallery/assets/110032728/5677ce2b-3e1d-409b-b5ce-cd88553bc5c2)
2) Tab Screen
![Screenshot (51)](https://github.com/bhavnesh1811/vivahit-gallery/assets/110032728/4f52804b-8538-4220-bc94-7bfb7dd24a6a)
3) Mobile Screen
![Screenshot (52)](https://github.com/bhavnesh1811/vivahit-gallery/assets/110032728/e17de08f-1e65-4e10-b2d4-c691b30aeb30)

## Features

- Login Page.
- SignUp Page.
- Home Page.
- Dark/Light Theme.

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/bhavnesh1811/vivahit-gallery.git
```

2. Navigate to the project directory:

```
cd gallery-app
```

3. Create an .env file and provide all env variables you get when setting up a Firebase project.
```
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=
REACT_APP_MEASUREMENT_ID=
```

4. Install dependencies:

```
npm install
```

5. Start the development server:

```
npm run start
```

## Technologies Used

- React
- TypeScript
- Firebase Authentication
- Firebase Storage
- Chakra-UI