Skip to content

AlexVCS/mango-entertainment

 
 

Repository files navigation

Mango Entertainment

Bienvenue!
Checkout Mango Entertainment · Report Bug

Table of Contents

About | Screenshots | Built With | Local Project Setup | Clone the repo | Make a Clerk account | Run app in a container | Prisma Setup | Run the Project | Entity Relationship Diagram | Contact

About

Mango Entertainment allows you to curate the ripest mix of entertainment. TV series, movies, your favorite titles come to fruition! Create an account, checkout the catalogue, and rock on with your 🥭!

Screenshots

Built With

TypeScript Next JS Tailwindcss Postgres Prisma tRPC Clerk Vercel Docker Github-Shield

Local Project Setup

Git, Node.js, and PNPM are required to run this project locally. VSCode is required for setting up the dev container. You'll also have to have an account at Clerk.

Clone the repo

Copy this and run it in your terminal:

git clone https://github.com/Mango-Entertainment/mango-entertainment.git
cd mango-entertainment
pnpm install

At the root of the project, run this command in the terminal:touch .env.local .env.

Make a Clerk account

Once your account is created, click add application from your Clerk dashboard.

Look at the left hand side of your dashboard under developers. There's a button that says API Keys. Copy those keys and paste them in .env.local.

Then copy and paste this into .env.local:

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<YOUR_KEY>
CLERK_SECRET_KEY=<YOUR_SECRET>

Then copy and paste this into .env:

POSTGRES_PRISMA_URL=postgres://postgres:postgres@localhost:5432/postgres
POSTGRES_URL_NON_POOLING=postgres://postgres:postgres@localhost:5432/postgres

Run app in a container

Make sure you have Docker installed, the Docker daemon running, and the remote containers extension for VSCode. If you open this folder in VSCode, it should ask you to open it in a container. Choose reopen in container.

For more info about developing inside a container, check this out.

Prisma setup

Run these terminal commands:

npx prisma migrate dev
npx prisma db seed

Run the project

Now you're ready to run the project! Run pnpm dev.

This runs the project on port 3000.

Entity Relationship Diagram (database schema)

Our database has two tables: users and bookmarks.

Contact

Steve Smodish

LinkedIn-shieldGitHub-shield

Alex Curtis-Slep

LinkedIn-shieldGitHub-shield

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.4%
  • JavaScript 1.9%
  • CSS 1.2%
  • Dockerfile 0.5%