t3-insider

Introducing Insider

A Fullstack social media application built with Next JS, React, Tanstack-query, and **_tailwindCSS** as a frontend and Prisma, and **Posgres DB** as a backend.

Screenshots

Comments

Share your thoughts in users posts

Try the App: t3-insider

Features

• Login and Register
• Post CRUD functionalities
• Comment CRUD Functionalities
• Like post
• like comment
• Reply to comments
• Profile Customization
• Suggestion to Follow
• Drag and Drop Image
• Multiple images post
• Followers/Following features
• Fully Responsive
• ...enough talk see it yourself

Coming Features

• Realtime Messaging features
• Realtime Notification features
• User can only see following users posts.
• Dark more
• Setting page
• Update profile functionalities ✅
  … and many more

Installation Steps

1. Clone the repository

git clone https://github.com/benjoquilario/t3-insider.git

2. Change the working directory

cd t3-insider

3. Install dependencies

bun install

4. Create .env file in root and add your variables

AUTH_SECRET=
DATABASE_URL=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
AUTH_TRUST_HOST=http://localhost:3000

5. Sync your database

npx prisma migrade dev

6. Run the app

bun run dev

You are all set! Open localhost:3000 to see the app.

[!NOTE] This project is a work in progress, it still contains bugs and will constantly be updated to stay up-to-date with the latest framework changes.

Contribution

Your ideas, translations, design changes, code cleaning, real heavy code changes, or any help are always welcome. The more is the contribution, the better it gets.

Pull requests will be reviewed

Author

Benjo Quilario

• Twitter: @iambenjo
• Github: @benjoquilario
• Portfolio: @benjoquilario

Please give this repository a ⭐️ if you liked this app. It seems like a little thing, but it helps a lot with the motivation.