Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mlatka9/social-network

Social Media Application
https://github.com/mlatka9/social-network

nextauth nextjs prisma react social-media t3 t3-stack tailwindcss trpc twitter-clone

Last synced: 11 days ago
JSON representation

Social Media Application

Host: GitHub
URL: https://github.com/mlatka9/social-network
Owner: mlatka9
Created: 2022-08-12T07:24:27.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-10-12T14:44:04.000Z (over 2 years ago)
Last Synced: 2024-09-27T12:42:29.586Z (5 months ago)
Topics: nextauth, nextjs, prisma, react, social-media, t3, t3-stack, tailwindcss, trpc, twitter-clone
Language: TypeScript
Homepage: https://social-network.mlatka9.vercel.app
Size: 1.33 MB
Stars: 43
Watchers: 3
Forks: 12
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Social Network

## Overview

Social Media App allows users to share their moments with others and find people with the same passions

Implemented functionalities:
- Login through magic links or other social media accounts
- Ability to share posts with photos and links
- Ability to add tags and mention other users in posts
- Ability to Like, comment and share posts
- Ability to follow other users
- Infinite feed with posts of people you follow
- Groups that allow you to find users with the same passions
- Explore section, where you can find other users or groups that may be of interest to you.
- Notification system, which will let you know when someone e.g. starts following you or add comment on your post
- Dark mode

## Build with

- Next.js
- TypeScript
- TailwindCSS
- Prisma
- NextAuth
- TRPC
- PlanetScale
- Cloudinary
- Vercel

## Links

- [live demo](https://social-network.mlatka9.vercel.app/)
- [github repo](https://github.com/mlatka9/twitter-clone)

## Screenshots

![twitter-clone-mlatka9 vercel app_](https://user-images.githubusercontent.com/72691985/195369325-65c7985c-0222-4411-9312-ff12a7a0492f.png)
![s2](https://user-images.githubusercontent.com/72691985/195369341-bd726523-88ff-4869-a677-2ec07b3aae74.png)
![s3](https://user-images.githubusercontent.com/72691985/195369352-04d7f832-329c-4e2c-9f3b-0fdf2a82608e.png)

## Install

1. Clone repository
```
git clone https://github.com/mlatka9/twitter-clone.git
```

2. Go to project directory
```
cd twitter-clone
```

3. Install dependencies
```
npm install
```

4. Create .env file (see .env.example)

```
echo "" > .env (for windows) touch .env (for unix)
```

5. Run server
```
npm run dev
```

## Acknowledgement

The app design was inspired by the [devchallenges.io task](https://devchallenges.io/challenges/rleoQc34THclWx1cFFKH)