Socially is a social networking website, much like Twitter, where you can connect with others by sharing your thoughts and pictures. You can follow users, interact with posts by liking or commenting, and explore the vibrant community.
- Post Creation: Share your thoughts or pictures with the community.
- User Interaction: Like and comment on posts from other users.
- Follow System: Follow users to see their updates on your feed.
- Responsive Design: Optimized for all screen sizes for seamless usage.
- Authentication: Secure login and signup using Clerk.
- Dark Mode: Enjoy the application in light or dark mode.
- Media Uploads: Effortlessly upload and share pictures.
- Real-Time Notifications: Get instant updates for likes, comments, and follows.
- Frontend: React, Next.js
- Styling: Tailwind CSS, Shadcn UI
- Authentication: Clerk
- Backend: Prisma ORM, PostgreSQL
- Utilities: Uploadthing, Lucide-react, React Hot Toast
- Dev Tools: TypeScript, ESLint, PostCSS
Follow these steps to set up the project locally:
- Fork this repo
- Clone the repo locally:
git clone https://github.com/your-username/socially.git- Navigate to the project directory:
cd socially- Install dependencies
npm install- Update environment variables in a .env (in root directory) file for Clerk, Prisma, Uploadthing, and database configurations.
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
DATABASE_URL=
UPLOADTHING_TOKEN=
- Start the development server
npm run dev- Open the browser and visit: http://localhost:3000