Bootstrap The Website Application
Bootstrap The REST API Application
User Functionality
Item Functionality
Comment Functionality
Search Functionality
Moderator Functionality
Informational Pages
Deploy The Application
Post Deployment Tasks
Build A Hacker News Clone / Introduction

Introduction

In this course, we'll walk you through how to build and deploy a full-stack, production-ready application using React.js, Node.js, and MongoDB.

To do that, we'll build a complete clone of Hacker News, a popular link aggregator and message board focused on computer science and entrepreneurship.

Hacker News Homepage Screenshot

After you've completed this course, you will have built a production-ready application from scratch and gained valuable knowledge on how to build and deploy a full-stack application.

This is something you can put on your resume and discuss in interviews. Proving you have the knowledge and initiative to build real applications will go a long way in landing you a developer job.

Let's briefly go over what we'll build in this course.

First, we'll create all the functionality surrounding users:

  • Create new users.
  • Login existing users.
  • Authenticate users so they remain logged-in.
  • Logout of a user's account.
  • Reset a user's password (user forgot their password).
  • Change a user's password.
  • Update the user's account information (email, description, and more).

This set of features will apply to any application that handles user-related data.

Then, we'll build all the functionality related to items (a.k.a links or submissions). This will provide ways for a user to create a new item, along with edit and delete it after it's been submitted. Also, we'll create features for upvoting, favoriting, and hiding items.

Coder News Demo Item Page Screenshot

Furthermore, we'll create the pages where items are listed based on how many points they've received, their creation date, their author, and more. And we'll also implement the ranking algorithm used by Hacker News on the front page of the website.

Coder News Demo Homepage Screenshot

After the items functionality is built, we'll move on to comments. Users will be able to create comments on items and reply to other user's comments, along with edit and delete comments after they've been submitted. Also, users will be able to upvote, downvote, and favorite comments.

Coder News Demo Comment Page Screenshot

To create these features, we'll create both a Next.js website that serves as the interface for users. And we'll create a Node.js REST API that interacts with the data stored in a MongoDB database in the cloud.

Then, we'll build the search feature used by Hacker News. This will allow users to search for any content that has been submitted to the website. To implement this, we'll create a super-fast search index using Algolia.

Coder News Demo Search Page Screenshot

The last set of features we'll create is for moderation. This will allow a moderator to kill items and comments (remove them from view to other users), along with ban users.

Once the application is built, we'll deploy both the website and REST API to a DigitalOcean server. And we'll also get the website indexed on search engines and configure Google Analytics.

After you've finished the course, you'll have built a complete clone of Hacker News!

To see a working version of what you'll build, check out the demo.

Throughout this course, the application we build will be referred to as "Coder News".

This course is written by Nick Major. If you have any questions or comments related to the course, you can reach me directly via email: nick@coderrocketfuel.com.

Without further ado, let's jump into the course!

⚠️ In preview mode some course materials are hidden. For full access 👉
Getting Started
Bootstrap The Website Application
Bootstrap The REST API Application
User Functionality
Item Functionality
Comment Functionality
Search Functionality
Moderator Functionality
Informational Pages
Deploy The Application
Post Deployment Tasks