MovieFlix

Introduction

A website that provides information about movies as well as their cast and crew using the TMDB API. It has account creation with Google or an email to bookmark your favorites.

  • Stack:
    • React
    • Context API
    • React Router
    • Firebase
    • Tailwind CSS
Open Project
View Source

Purpose and goal

Developed to solidify my React knowledge, so I choose to practice by building a Fullstack app with user authentication and a database.

Features

  • User authentication with Google or Email using Firebase.
  • Movie list saving using Firestore.
  • Debounce search to reduce the number of server calls on every keystroke.

Lessons Learned

  • Authentication and database implementation with Firebase.
  • Global states with Context API.
  • Page routing with React Router.
  • Code-splitting with React Suspense