React Blog App

Technologies Used
React React Router MUI Redux CSS Javascript Github Rancher Docker Harbor Kubernetes Jenkins Nginx Ubuntu

Description


This project is implementation for the following topics related to technologies used with React


  1. Crud operations for Blog Model for admins
  2. Used Material UI
  3. Home page displays a list of existing blogs
  4. Integrated with REST API using axios at end point: https://github.com/arpansahu/altered_datum_api
  5. Forget Password and Social Login is also enabled

-Deployed on Hostinger VPS

  1. Used Heroku Postgres

Demo


Backend Available at: https://altered-datum-api.arpansahu.me/

Frontend Available at: https://altered-datum.arpansahu.me/

Note: Both the projects are running on Free dynos of Heroku so Please makesure before accessing Frontend Project awake the Backend by visiting the backend link

admin login details:-- email: admin@arpansahu.me password: showmecode


License


MIT


Installation


Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

Install all the npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

Deployment on Heroku


Installing Heroku Cli

checkout: https://devcenter.heroku.com/articles/heroku-cli

Create your account in Heroku.

Inside your project directory

Login Heroku CLI

heroku login

Create Heroku App

heroku create [app_name]

Push Heroku App

git push heroku master