Groovi

🍃 Create soothing concentration mixes

Branding/Design Board · Demo

🚀 Quickstart

Run the website locally

git clone https://github.com/harshhhdev/groovi.git

Setting up the development environment

cd groovi

# Install deps
yarn

Setting up the database

NOTE: This project uses PostgreSQL database platform on Microsoft Azure store data.

To start with this project, go ahead and setup your PostgreSQL database, and input your connection string under DATABASE_URL in .env

# Generate the Prisma client
yarn prisma generate

# Migrate the schema into PostgreSQL
yarn prisma migrate dev

Authentication

As this app uses JWT tokens for authentication, go to generate-secret or type in openssl rand -hex 32.

This app also uses Twitter, Google and Facebook for authentication.

• Twitter: OAuth 2.0 Docs
• Google: Setting up OAuth 2.0
• Facebook: Manually build a login flow

Starting server

# Start the server
yarn dev

Server should now be running on localhost

🔧 Tools Used

• Kraftuur
• TypeScript
• PostgreSQL
• Prisma
• NextAuth.js
• Next.js
• Stitches
• Framer Motion
• react-icons
• nanoid
• Prettier
• ESLint
• Figma

🤞 Contributing

After setting up the project, and making changes:

git add .
git commit -m "commit message"
git push YOUR_REPO_URL YOUR_BRANCH