Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cycleccc/twitter-clone
Basic Twitter Clone built with Next.js (App Router),RN,Nest, Tailwind,Shadcn UI, Prisma,PgSQL, NextAuth.js
https://github.com/cycleccc/twitter-clone
Last synced: about 2 months ago
JSON representation
Basic Twitter Clone built with Next.js (App Router),RN,Nest, Tailwind,Shadcn UI, Prisma,PgSQL, NextAuth.js
- Host: GitHub
- URL: https://github.com/cycleccc/twitter-clone
- Owner: cycleccc
- Created: 2023-09-07T15:28:57.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-05-07T03:02:52.000Z (9 months ago)
- Last Synced: 2024-05-07T15:54:10.064Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 2.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Twitter clone built in Next.js + Nest.js + RN + TypeScript + Tailwind CSS using Cloud Storage
## Todo ✨
- [X] Authentication with next-auth Authentication
- [ ] switch theme and save in local storage、server
- [ ] Strongly typed React components with TypeScript
- [ ] Users can add tweets, like, retweet, and reply
- [ ] Users can delete tweets, add a tweet to bookmarks, and pin their tweet
- [ ] Users can add images and GIFs to tweet
- [ ] Users can follow and unfollow other users
- [ ] Users can see their and other followers and the following list
- [ ] Users can see all users and the trending list
- [ ] Realtime update likes, retweets, and user profile
- [ ] Realtime trending data from Twitter API
- [ ] User can edit their profile
- [ ] Responsive design for mobile, tablet, and desktop
- [ ] Users can customize the site color scheme and color background
- [ ] All images uploads are stored on Firebase Cloud Storage
## Tech 🛠
- [Next.js](https://nextjs.org)
- [Nest.js](https://nestjs.com)
- [TypeScript](https://www.typescriptlang.org)
- [Tailwind CSS](https://tailwindcss.com)
- [SWR](https://swr.vercel.app)
- [Headless UI](https://headlessui.com)
- [Shadcn UI](https://ui.shadcn.com/)
- [Framer Motion](https://framer.com)
## Development 💻
Here are the steps to run the project locally.
1. Clone the repository
```bash
git clone https://github.com/cycleccc/twitter-clone.git
```
2. Install dependencies
```bash
pnpm i
```
3. run next web
```bash
cd apps/web
pnpm run dev
```
4. run nest server
```bash
cd apps/server
pnpm run dev
```
5. run RN app
```bash
cd apps/mobile
pnpm run start
```