Skip to content

hemanthnvd/breakingbad

Repository files navigation

Breaking Bad

This website is made for Breaking Bad fans to explore all the characters, episodes, and other information about the show.

Description

Breaking Bad is a single-page web application that displays all characters, episodes, quotes, and deaths related to the TV show. This website is built with React using the Next JS framework. The state management across the application is done by using the redux-toolkit. Logins and new registrations are made easy with Firebase Authentication. The Cloud Firestore is used as a NoSQL database for CRUD operations.

Tech Stack

Client: Next JS, Redux, TailwindCSS

Database: Cloud Firestore (NO SQL)

Api endpoints

Welcome to the Breaking Bad API. Start making your HTTP requests on this iconic TV-series.

Endpoint to retrieve information from all characters : https://breakingbadwebapp.netlify.app/api/characters

Get single character : https://breakingbadwebapp.netlify.app/api/characters/1

Get all episodes : https://breakingbadwebapp.netlify.app/api/episodes

Get all quotes : https://breakingbadwebapp.netlify.app/api/quotes

Credentials

Login to the app using these credentials

Link : https://breakingbadwebapp.netlify.app/login

Email : [email protected]

Password : testing

Features

  • Easy sign-in with Firebase Auth
  • Dynamic search
  • Add to favourite feature
  • Responsive web design

Run Locally

Clone the project

  git clone https://github.com/hemanthnvd/breakingbad.git

Go to the project directory

  cd breakingbad

Install dependencies

  npm install

Start the server

  npm run dev

Color Reference

Color Hex
Black #010001
Rich Black #050910
Green (Pantone) #00AB41
Permanent Geranium Lake #E92C2C

Authors

Support

For support, email [email protected]

Feedback

If you have any feedback, please reach out to us at [email protected]