4-4chan

4chan is a simple text-based bulletin board where anyone can post comments and share images. There are boards dedicated to a variety of topics, from Japanese animation and culture to videogames, music, and photography. Users do not need to register an account before participating in the community. Feel free to click on a board below that interests you and jump right in!

NOTE : please do not create any violating contents here as is this database is publicly visible and i'm not responsibe for any violating content

Demo Video (click to watch):

Get Started

Clone the repo to your local machine

git git@github.com:chann44/4-4chan.git

NPM Commands

Install all the dependencies

cd client
yarn

Start the client on localhost:5173

cd client
yarn dev

Install all server side dependencies

cd server
yarn

create a .env file and add a DATABASE_URL variable and put your postgres db url there

create and seed the db

cd server
npx prisma migrate dev

npx prisma db seed

Start the server on localhost:5000

cd server
yarn dev

Tools Used

• React
• Vite
• Nodejs
• Express
• Axios
• Prisma
• Postgres
• Tailwind
• Typescript

Made with ❤️ and Typescript