Skip to content

A fullstack clone of Dribbble built with Next.js, Server Actions, MongoDB, and Tailwind CSS. Features include user authentication, post uploads, likes, comments, and bookmarks.

Notifications You must be signed in to change notification settings

Aasuyadav1/Dribbble-Fullstack-Clone

Repository files navigation

dribbble clone

Tech Stack

  • Next.js: For building the React front-end and handling server-side rendering.
  • Server Actions: To handle server-side logic and data fetching.
  • MongoDB: As the database to store user and post data.
  • Tailwind CSS: For styling the application.
  • NextAuth: For authentication with GitHub and Google.
  • Zustand: For state management within the application.
  • Cloudinary: For handling image uploads and storage.

Features

  • User authentication using GitHub and Google.
  • CRUD operations for posts.
  • Likes, comments, and bookmarks functionality.
  • AI-generated titles for posts.
  • Post filtration and search.
  • Post details and share options.
  • Responsive design.

Clone the repo

AUTH_GOOGLE_ID=
AUTH_GOOGLE_SECRET=
NEXTAUTH_SECRET=
AUTH_GITHUB_ID=
AUTH_GITHUB_SECRET=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
NEXT_PUBLIC_CLOUDINARY_API_SECRET=
NEXT_PUBLIC_GEMINI_API_KEY=```

About

A fullstack clone of Dribbble built with Next.js, Server Actions, MongoDB, and Tailwind CSS. Features include user authentication, post uploads, likes, comments, and bookmarks.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages