fourlinecode / fleet

A Twitter like Social Media App!

Fleet

This is a Social Media App

• Preview - Fleet (Coming Soon)

This is a full stack social media app where you can create an account, follow your friends, discover new people, and stay up to date with your family and friends. Yout can post an update, like each others posts, reply to each other, Check out each others profile. You can also message each other in real time to communicate (in development).

This website was developed with efficiency and scalability in mind. The UI was built to be intuitive and responsive. Server side rendering also maked the UI blazing fast, while also maintaining all the best practises for Search Engine Optimizations. The database and API was designed using relational data that optimizes the backend performance which can be easily scaled up to expectations.

Stack

• Typescript
• Next.js
• React
• React Query
• Zustand
• Chakra-UI
• Nodejs
• Prisma
• SQLite

Demo

If you want to run this application on your own follow the procedure below

Requirements

• Node.js v12 or higher.
• Pnpm
• SQLite
• Git

Clone the Repository

git clone https://github.com/FourLineCode/fleet.git

Install Dependencies

pnpm install

Migrate database

pnpm migrate

Run in production mode

pnpm build && pnpm start

Run in development mode

pnpm dev

fleet's Issues

discover page for mobile

font to poppins

mobile view verified badge broken

delete fleet option

profile liked fleets timeline

make recommend global state

profile timeline bottom margin

search feature

paginate timelines

verified user

cleanup the api routes

invalidate the refresh token each request

remove transitions on ui

notification position

replies sort weirdly

remove illustrations

migrate client like count render

fleet details view like bugged

make api config constant

show people followed

add loading states for slow 3G

fix profile card

next.js migration

messaging system with socket.io

postgres migration

add brand color

about page with dev info, maybe tech stack

maybe photo upload

comments/cleanup

express-session + cookies auth

Add Like Model

initial message about the site

delete replies

make em

comment system

profile timeline loading broken

fix accessability using audits

joi, helmet types

change banner

make replies responsive

backend production build bug with class-validator

mobile friendly responsiveness

UI update, make dropdown

Full SEO optimization

admin panel, admin powers

unify fleet composer for mobile

typeorm + sqlite migration

Dockerize the ting ... maybe?

unfollow confirm

generalize some components