StackOverflow Clone built in Next.js

FINALLY!!!

It's been a while since I posted my last coding project here. But finally, I am posting my biggest web development project yet.

INTRODUCTION

This is DevOverflow (A StackOverflow inspired website). Here, users can ask and answer questions related to coding and other computer related topics.

Because of the vast ocean of web frameworks and libraries out there, it's always daunting to choose a particular framework for your project. But glad to say that Next.js was a good option for this. There's nothing like a good old project to learn about a framework.

A shoutout to JavaScript Mastery for providing the amazing course that made this project possible.

The project still has bugs but, it is still a big project that I wanted to share here.

TECH STACK

The tech-stack used for this project consists of:

• TypeScript (To ensure that all entities belonged to their correct data-types)
• MongoDB (For faster access to stored data)
• Tailwind CSS (For easier declaration of CSS classes. Also helps that many components libraries out there are based on tailwind. Like Shadcn)
• Shadcn (For optimized UI components)
• Clerk (For User authentication)
• TinyMC (For What-You-See-Is-What-You-Get Editor)

FEATURES

• Users can visit the Home Page to see latest questions that have been posted on the site. They can sort these questions based on date, votes, views and a built-in recommendation system that determines which posts the user is likely to find interesting
• Users can upvote and downvote questions and answers which helps in building the reputation of the users and allows the recommendation system to learn which posts the user might be interested in for the future
• Users can store questions in their personal collection to view them later.
• The Badge System shows the users their reputation on the site based on questions posted and answered. This reputation of users is also considered in the recommendation system when showing them posts
• The Global Search is perhaps the most complicated feature on the website but, it makes the site navigation so much easier.
• The Local Searches for particular tabs make site navigation easier as well. Because they don't have to go over the whole database to fetch the results, they work faster than Global Searches.

DRAWBACKS

• The UI on mobile devices is not great yet. That is something that needs work
• The sign-in functionality is a bit glitchy and may fail to redirect back to the website successfully after logging in. Might be a deployment issue but needs fixing
• The jobs tab has not been implemented yet. It's a work in progress. So clicking on that will only return a 404.

Checkout the website here:

https://stackoverflow-clone-with-nextjs-tahashahid203s-projects.vercel.app/