Skip to content

Latest commit

 

History

History
82 lines (46 loc) · 1.99 KB

Readme.md

File metadata and controls

82 lines (46 loc) · 1.99 KB
Raw

Article Fullstack Demo Web Application

React | React Hooks | React Redux | Django Rest | Postgres

S-Magazine as a Single Page Application

  • The authenticated user can create, update, delete articles.
  • All visitors of the web site can read the articles.

Desktop View

This project was bootstrapped with Create React App.

The SPA with 4 pages (routes):

  • A Homepage to render articles,
  • An article detail page
  • A Login Page
  • An Article page for Edit/Create

Production Deployment

Online Deployment of this project is available at S-Magazine.

  • Docker Swarm container orchestration tool is used for deployment of this project to the the VPS Cloud.

  • Nginx is used for to serve the production build of the app and to serve image files seperately as a file server.

  • Traefik is used as a reverse proxy.

Getting Started in Development Mode

To get started you can simply clone the repo and in the root folder

With docker-compose

docker-compose -f development.yml up --build

Runs the client app in the development mode.
Open http://localhost:3003 to view it in the browser.

Runs the backend app in the development mode.
Open http://localhost:8000 to view it in the browser.

You can access Django admin from http://localhost:8000/admin to view it in the browser. You can use admin password below to login.

email: [email protected]
password: test123456

Admin for Django Admin

email: [email protected]
password: test123456

Tech Stacks

  • Reactstrap | SCSS

  • React | React Hooks

  • Redux | Redux Hooks

  • Django Rest Api | Postgres

  • Docker | Docker Compose | Docker Swarm

  • Traefik | Ngnix

Authors