An open API service indexing awesome lists of open source software.

https://github.com/abdtriedcoding/snapvibe

Snapvibe is a visually stunning platform for sharing moments πŸ“Έ, connecting with friends 🀝, and exploring the world 🌍 through photos and videos! πŸŽ₯✨
https://github.com/abdtriedcoding/snapvibe

authjs bun eslint nextauth nextjs14 prettier prisma prisma-orm radix-ui reactjs shadcn shadcn-ui tailwindcss typescript uploadthing vercel zod

Last synced: 3 months ago
JSON representation

Snapvibe is a visually stunning platform for sharing moments πŸ“Έ, connecting with friends 🀝, and exploring the world 🌍 through photos and videos! πŸŽ₯✨

Awesome Lists containing this project

README

        


Snapvibe


Snapvibe is a visually stunning platform for sharing moments πŸ“Έ, connecting with friends 🀝, and exploring the world 🌍 through photos and videos! πŸŽ₯✨


snapvibeweb.vercel.app


![Thumbnail](/public/thumbnail.png)

Key Features:

- πŸ“š Powerful Sidebar Layout
- πŸ”’ Route Protection with Next.js
- πŸŒ— Light and Dark Mode
- πŸ”‘ Authentication using NextAuth(v5)
- πŸ›οΈ User Picture Upload with Caption
- πŸ’Ό Server-Side Actions (No API)
- ✏️ Edit and Delete Post Functionality
- πŸ‘ Like and Unlike Functionality
- πŸ’¬ Comment Functionality (with Delete Comment Feature)
- πŸ”– Bookmark Functionality
- πŸš€ Share Post Functionality
- πŸ”„ Optimistic Updates (Real-Time)
- πŸ’€ Skeleton Loading with Suspense
- ♾️ Infinite Scrolling Feature
- πŸ‘€ User Profile Management
- πŸ“₯ Saved Posts
- πŸ–ŠοΈ Edit User Profile Page
- 🌐 Dynamic Metadata
- πŸ”‘ Integration of Local Fonts
- πŸš€ Deployment using Vercel
- 🌟 Clean, Modern UI using Shadcn-ui
- πŸ“ Form Design with React Hook Form, Zod, and Sonner
- ⌨️ 100% Written in TypeScript
- 🎁 ...Much More

### Prerequisites

**You should have Nodejs and Bun installed on your system**

### Cloning the repository

```shell
git clone https://github.com/abdtriedcoding/snapvibe.git
```

### Install packages

```shell
bun i
```

### Setup .env file taking refrence from .env.example file

### Setup Prisma

Add Database (I used Supabase)

```shell
bunx prisma generate
bunx prisma db push

```

### Start the app

```shell
bun run dev
```