Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ibaliqbal/balmed-v2

A simple social media web build with Next Js for Web Framework, Supabase for database and storage, NextAuth for authentication, React Query for fetching and optimistic data
https://github.com/ibaliqbal/balmed-v2

axios framer-motion nextauth nextauth-google nextjs reactquery social-media sosmed supabase-db supabase-js supabase-storage tailwindcss twitter-clone typescript

Last synced: 4 months ago
JSON representation

A simple social media web build with Next Js for Web Framework, Supabase for database and storage, NextAuth for authentication, React Query for fetching and optimistic data

Awesome Lists containing this project

README

        

# BALMED

![App Screenshot](/public/demo.png)

**BALMED** is a cutting-edge social media application developed using Next.js 14, with React Query for efficient data fetching and Supabase as the database. This app is designed to provide users with an intuitive and responsive experience on the social media platform.

## Features

- **Authentication:**

- Secure and efficient user authentication powered by NextAuth, including registration and login.

- **Post Interactions:**

- Engage with content by liking, creating, bookmarking, and reposting posts.

- **Search Functionality:**

- Discover posts easily with advanced keyword and phrase search capabilities.

- **User Interactions:**

- Follow and unfollow users effortlessly, enhancing your social network.

- **Media Upload:**

- Upload and securely store images and videos using Supabase's robust storage solutions.

- **Trending Posts:**

- Stay updated with trending posts driven by popular hashtags.

- **Optimistic Updates:**

- Experience real-time, responsive feedback for actions such as likes, reposts, bookmarks, and post creation.

- **Notifications:**
- Receive timely notifications for follows, mentions, and comments to stay engaged with your community.

## Tech Stack

![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

## Run Locally

To run this project locally, follow these steps:

1. **Clone the repository:**

```bash
git clone https://github.com/Ibaliqbal/balmed-v2.git
cd balmed-v2
```

2. **Install dependencies:**

```bash
npm install
```

3. **Set up environment variables:**

```bash
cp .env.example .env.local
```

4. **Run the application:**

```bash
npm run dev
```

Don't forget to gift ⭐ for this repo. Thank you all 😃