Welcome to the Flexmovies app
Flexmovies brings you the latest in film entertainment. In addition, users can alos browse and search for their favorite movies and tv shows and add them to their favorite collection and watchlists. Explore Flexmovies and have fun.
Author: Ubonisrael Akpanudoh
- Frontend: ReactJS, NextJS, Sass
- Backend: Firebase
- API: TMDB API
- Version Control: Git
- Hosting: Vercel
Search for specific movies or TV shows View movie or TV show details, including overview, cast, and ratings Add to favorite or watch lists
An entertainment web app built with Next.js that allows users to search for movies and tv shows.
The main purpose of this project is to take advantages of the capabilities of Next.js and have a functional web app up and running quickly. Secondly, I want to become familiar with the framework itself and its convenientfeatures.
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
- Next.js
- Firebase
-
Add a email validation feature, forgot password
-
Customize error pages
-
Fetch data through api routes
-
Add notifications to indicate whether an item has been aded or removed from a list and popovers to give more detail about an icon on hover
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
-
Create an API KEY for the TMDB API
-
Create a Firebase account (if you don't have one already), and create a new project. On the Firebase Console, set up the project by adding Firestore, Authentication features and copy the firebase Config from the project settings, you'll need it to initialize firebase on your app.
-
Create a config folder and add your API KEY and firebase config then export them to where you want to use them (alternatively, you can create an .env.local in the root of your directory and add them there.)
Clone the repsitory and run the development server:
npm install
npm run dev
// or
yarn install
yarn dev