https://github.com/salimi-my/dribbble-clone

This is a Dribbble clone app created using Next.js. Bribbble is an app for sharing, discovering, and celebrating creative brilliance.
https://github.com/salimi-my/dribbble-clone

clerk dribbble-clone mongodb nextjs prisma shadcn-ui zustand

Last synced: 6 months ago
JSON representation

This is a Dribbble clone app created using Next.js. Bribbble is an app for sharing, discovering, and celebrating creative brilliance.

• Host: GitHub
• URL: https://github.com/salimi-my/dribbble-clone
• Owner: salimi-my
• Created: 2023-11-28T15:55:37.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-22T16:24:26.000Z (almost 2 years ago)
• Last Synced: 2025-04-11T23:16:14.485Z (6 months ago)
• Topics: clerk, dribbble-clone, mongodb, nextjs, prisma, shadcn-ui, zustand
• Language: TypeScript
• Homepage: https://bribbble.salimi.my
• Size: 27.7 MB
• Stars: 12
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Bribbble](https://bribbble.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This is a Dribbble clone app created using Next.js for educational purposes. Bribbble is an app that brings the vibrant and inspiring world of design right to your fingertips. Bribbble is your go-to platform for sharing, discovering, and celebrating creative brilliance, just like the original Dribbble.

## Dribbble Clone

- Search & filter functions

- Authentication using Clerk

- MongoDB & Prisma for database

- Edgestore for image upload

- Zustand for state management

- Hosted in Vercel

## Tech/framework used

- Next.js 14

- Shadcn/ui

- Clerk

- Tailwind CSS

- TypeScript

- MongoDB

- Prisma

- Edgestore

- Zustand

- Vercel

## Starting the project

Open the [.env.example](/.env.example) and fill in your Database URL, Edgestore configurations & Clerk Auth Configurations then save it as .env the run the following command:

```bash

npm install

npx prisma generate

npx prisma db push

npm run dev

```

## Demo

The app is hosted on Vercel. [Click here](https://bribbble.salimi.my) to visit.




Direct link: `https://bribbble.salimi.my`

## Screenshots

#### Homepage

![Homepage](/screenshots/screenshot-1.png)

#### Work

![Work](/screenshots/screenshot-2.png)

#### Sign in

![Sign in](/screenshots/screenshot-3.png)

#### Sign up

![Sign up](/screenshots/screenshot-4.png)

#### Search

![Search](/screenshots/screenshot-5.png)

#### Profile

![Profile](/screenshots/screenshot-6.png)

#### Upload

![Upload](/screenshots/screenshot-7.png)