https://github.com/shitu13/cine-db

A React-based web application that integrates Firebase for authentication and data storage, alongside fetching and displaying data from a third-party API
https://github.com/shitu13/cine-db

firebase-auth firebase-database reactjs restfull-api vercel-deployment

Last synced: 10 months ago
JSON representation

A React-based web application that integrates Firebase for authentication and data storage, alongside fetching and displaying data from a third-party API

• Host: GitHub
• URL: https://github.com/shitu13/cine-db
• Owner: shitu13
• Created: 2024-06-26T06:27:22.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-30T20:32:29.000Z (almost 2 years ago)
• Last Synced: 2025-03-14T15:11:51.836Z (about 1 year ago)
• Topics: firebase-auth, firebase-database, reactjs, restfull-api, vercel-deployment
• Language: JavaScript
• Homepage: https://cine-db.vercel.app
• Size: 4.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cine Db

## Description

A React-based web application that integrates Firebase for authentication and data storage, alongside fetching and displaying data from a third-party API. This project demonstrates secure user authentication and real-time data management through Firebase, combined with dynamic content rendering using React components.

Project hosted live: https://cine-db.vercel.app/

## Features

- **Firebase Authentication**: Secure user authentication using Firebase Authentication.

- **Firebase Firestore**: Store and manage application data in Firebase Firestore database.

- **Third-Party API Integration**: Fetch data from a third-party API and display it dynamically. [TMDB API](https://www.themoviedb.org)

- **React Components**: Modern React components for UI rendering and state management.

## Getting Started

1. Clone the repository:

   ```bash

   git clone https://github.com/shitu13/Cine-db.git

2. Install dependencies:

   ```bash

   npm install

   

3. Set up Firebase:

   - Create a Firebase project at Firebase Console.

   - Enable Authentication and Firestore in your Firebase project.

   - Add your Firebase configuration details to src/firebase/config.js.

4. Start the development server:

   ```bash

   npm run dev

## Demo User Interfaces

* UI for fetching movies from the database.

![Trending movies](src/images/UI-01.png)

* Saving movies and tv shows to your watchlist.

![Trending movies](src/images/UI-2.png)

* UI for showing details for specific movie.

![Trending movies](src/images/UI-3.png)

* Removing a movie from your watchlist.

![Trending movies](src/images/UI-4.png)