sgatesdev/React_Blog

React Blog is a full stack Mongo, Express, React and Node (MERN) application that allows users to log in with their Google accounts and post blog posts to a shared homepage. I created the React Blog to practice building a full stack MERN app with Redux, and I learned a lot!

React Blog (MERN + Redux)

Description

React Blog has been deployed! Check it out here. The backend is hosted on Heroku, and the frontend is hosted on my personal site.

React Blog is a full stack Mongo, Express, React and Node (MERN) application that allows users to log in with their Google accounts and post blog posts to a shared homepage. The homepage displays the most recent 20 blog posts from all users.

Key API endpoints are secured by using token verification with the Google API Client Library. Some GET routes are intentionally left open and will be documented in the near future.

At this time, only Google users can log in and post content. This app was built primarily to practice with Google's OAuth Sign-In protocol.

Table of Contents

• Installation
• Usage
• Dependencies
• Future Goals
• License
• Questions

Installation

To try out your own version of this project, download the source code and set up your Mongo server. You can either develop locally or use MongoDB Atlas.

Be sure to install and run both the backend API and the React dev server.

You will need to create a Google Developer account and register in order to get an API key. There is a link below to developer resources for the Google Sign-In API. It's very detailed and helpful, so check it out.

Usage

Users click the "Sign In" Google button. Once logged in, users can navigate to the "Your Posts" section to view all of their past posts. They can edit and delete their own past posts.

To write a new post, just click "Create"! The app is working and will be deployed shortly. Check back for a link to the deployed project.

Dependencies

This app uses the following libraries, services, and dev tools in addition to the basic MERN stack:

• Redux
• React-Redux
• Redux Thunk
• Redux DevTools Extension (Chrome)
• MongoDB Atlas
• Mongoose
• Lodash
• Google API Client Library (Node.js version)
• Google Sign-In (OAuth 2.0)

Future Goals

• Enabling comments
• Ability to "like" posts
• Viewing single posts on a separate page
• Building a user database
• Enabling registration / sign-in outside of the Google network

License

Copyright (c) Sam Gates. All rights reserved. Licensed under the Apache license.

Questions

Check out my GitHub Profile and my portfolio page!

Email with questions! You can reach me at sam.j.gates@gmail.com.