Jérémy Lavallée-Giroux

BREADDIT

This page contains the project overview, demonstrations, tools, and a live link.

LIVE LINK

Project overview

This Reddit clone project was made possible by a project video on YouTube - Reddit clone. From building this website, I have managed to learn Tailwind CSS, Zod, modals and Google sign in.
Breaddit is essentially a Next.js fullstack web application that allows users to create communities, subscribe to communities, post, upvote and downvote and comment.
I took it to the next step and added a bunch features like a friends system, user pages, manage comments, manage posts, community member list. Learn more in the Demonstrations section.

Tools used

HTML
TypeScript
React
Tailwind CSS
Prisma
Next.js
GitHub
Vercel

Demonstrations

Landing page

Landing page

On the landing page you will find a general feed of posts made by individuals in different communities. If you want to see specific posts in your feed, you can sign in with your Google account and subscribe to different communities.

Sign Up

Sign Up

At the top of the page you will find a button that will allow you to connect your Google account to Breaddit

Create Community

Create Community

After you are logged in, you can access the create community page by clicking the Create Community button on the home page. Now enter the desired name and click create!

Find a Community

Find a Community

If you find already existing communities by their name, you can use the search bar at the top of the page to filter communities by what you type.

Community page

Community page

On a community page, you can find the creation date, the amount of members and the posts made in that community. I have made added the members tab on the right to see the creator of the community and all the current members.

Create a post

Create a post

With the create a post in the About section of a community, you can create your own posts. You can add a title, pictures, code snippets, lists, and more!

Post page

Post page

On a post page, which can be accessed by clicking on the title of a post, you can see the full content of the post, you can add comment and reply to comments. I have added the possibility to delete your own comments and edit them by clicking on the 3 dots by your name.

Settings page

Settings page

You can access this page by clicking on your profile picture in the top right of the page and selecting Settings from the dropdown menu. Here you can change you display name. I have added the functionnality to delete your posts here.

User page

User page

This page was completely done by me. By clicking on a user, from a post or a community, you can see all the posts made by that user, the amount of comments, posts, and communities that he/she is apart of. You can also subscribe of leave the communities moderated by that user directly here.

Friends page

Friends page

This page was completely done by me. You can access this page by clicking on your profile picture in the top right of the page and selecting Friends from the dropdown menu. Here you can search for users by username and send friend request to them. If you receive a friend request it will appear here. You can try it with me, my username is Jeremy.

Links