Responsive Stackoverflow-like Forum Website (Express.js, MongoDB, Bootstrap)
Mia Vrhovnik / May 2023 (182 Words, 2 Minutes)
FULL SOURCE CODE:
- The project is a Stackoverflow-like forum website that allows users to post questions and answers, as well as comment on them.
- I used the MVC design pattern to structure the project.
- I focused on the back-end and simplified the front-end to a minimum to learn more about Express.js and MongoDB.
- The front-end is built with Bootstrap, HTML, CSS, and JavaScript.
- User passwords are hashed and salted with bcrypt.js.
Register
A simple registration form with validation. The user is redirected to the login page after successful registration.
Login
A login form similar to the registration form. The user is redirected to the home page after successful login.
Publish A Question
A form for publishing a question. The user is redirected to the question page after successful publishing. It allows for multiple tags that are separated by a comma and can be used to search for questions.
Questions Page
The questions page displays all the questions in the database. The user can also filter the questions by tags. It’s author can delete the question. The questions are ordered by date, with the most recent ones on top.
Question Details Page
The question details page displays the question and all the answers along with the question description. The user can also add an answer or comment on the question or an answer. The author of the question, answer, or comment can delete it. The answers are ordered by date, if the question author marks the answer as the correct one, it will be displayed on top.
Profile Page
The profile page displays the user’s details and gives the ability to change users profile picture. The user can see their metrics (number of questions, answers, and how many of his answers were chosen as correct).