Color Studio - Full-Stack website for movie trailers.

This site has a similar design to Netflix and was built using Next.js, React.js, Typescript, Tailwind CSS, Amazon S3, Prisma and MongoDB.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. Built With
2. Usage
3. Clone project
   • Installation

Built With

• 
• 
• 
• 
• 
• 
• 

       

Deployment Tools:

This application was deployed using Vercel and Route53.

       

• 
• 

(back to top)

Usage

This is a Movie trailer website that is similar to Netflix in terms of design. Feel free to browse through the website to check out some new movie trailers. On the homepage, you can click the information icon next to each movie trailer to see a preview. You can browse all trailers, by genre, or by popularity.

For more examples, please take a look at the application

(back to top)

Clone Project

To get a local copy up and running follow the steps below.

Installation

1. Clone the repo

   git clone https://github.com/dontrellthedeveloper/colorstudio-nextjs-mongodb

2. Install NPM packages

   npm install 

3. Enter values in .env file

    DATABASE_URL="{mongodb atlas connection string}"
    NEXTAUTH_JWT_SECRET="{next auth jwt secret}"
    NEXTAUTH_SECRET="{next auth secret}"
    GITHUB_ID={github oath ID}
    GITHUB_SECRET={github oath secret}
    GOOGLE_CLIENT_ID={github login client ID}
    GOOGLE_CLIENT_SECRET={google login client secret}

(back to top)