This full-stack application utilizes React, Node.js, and MongoDB along with a variety of packages and services such as React Router, Express.js, Axios, and Firebase Auth to create a fully functional blogging website. This website allows users to view various different articles, log in to upvote and comment on those articles, and is complete with a home and an about page.
This application is ready to be hosted on a service such as Google Cloud. However, since hosting is not free, this project is currently offline. Please see screenshots and documentation of the finished product below.
A demo of this project can be found here: https://tegh25.github.io/React-Blogging-Website/
The above link is hosted by GitHub Pages which cannot support the backend for this project. As a result, some functionality such as upvoting and commenting is not available.
This blogging website features a home page, an about page, three articles, and the ability to create an account and login. All of these are accessed using the navigation bar at the top of the website.
Clicking the login button in the top right allows you to access the login and create account pages, or logout if you are already logged in.
A list of all the articles can be accessed on the articles page.
By clicking on one of the three articles, the full article will appear as well as the ability to upvote and comment on the article if you are logged in.
This app was created utilizing React for the frontend and the Express framework for a Node.js backend. Axios was used to handle requests between the frontend and backend.
The number of upvotes and the comments on each article are stored on a MongoDB database.
This app use Firebase Auth for its login and authentication features and was prepared to be released on Google Cloud.
Currently, I am happy with how this project turned out and I do not have any plans to build on it.