FullStack Articles App

An Articles Website, geared with React, Redux, Django and JWT

Checkout the site in action here Deployed App

• (NOTE: articles list page can take few seconds to load)

Table of contents

• About_this_App
• App_Overview
  • Articles_Page
  • Article_Detail_Page
  • Article_Edit_Page
  • Article_Create_Page
  • User_Account_Page
  • Update_User_Account_Page
  • Delete_User_Account_Page
  • All_Users_Info_Page
  • Login_Page
  • Register_Page
• Installation
  • Backend
  • Frontend

About_this_App

An Articles app where people can create articles or blogs related to anytopic, the user can read other users articles as well. Users can also update or delete articles (only those articles which are created by them). If a user want they can also delete their account anytime (NOTE: with the deletion of the account all their articles will be deleted as well).

App_Overview

Articles_Page

This page displays all the articles created by users on the website so far.

Article_Detail_Page

This page displays the details of the article like title description and the author. The user can also delete the article from here (only if the currently logged in user found to be equal with the article author)

Article_Edit_Page

This page handles the editing of the article, the user can edit their article image, title or description. NOTE: The article edit page will only edit/update that article which is created by the currently logged in user, for this it compares the author of the article with the currently logged in user, if they are found to be equal then the user can edit the article, else not.

Article_Create_Page

Here, the users can create their articles (if they are logged in and have an account on this webiste)

User_Account_Page

Here, the users can see their details like their Name, Email and Admin Priviledges. Note: In picture below the All Users Info link is only visible for admin users.

Update_User_Account_Page

Here, the users can update their account details like username, email and can also reset their password.

Delete_User_Account_Page

Here, the users can Delete their account (requires password confirmation)

All_Users_Info_Page

Here, only admins can update a user admin priviledges, the admin can promote a user to admin or can demote them to user and can even delete any user present in the list (Note: Currently logged in admin cannot delete their own account and can neither demote themselves to a user)

Login_Page

Requires an Account on the Website

Register_Page

Installation

after downloading/cloning the repository code follow below steps:

Backend

• (for both linux and windows)

1. Move in backend folder through terminal and run following commands,

python3 -m venv env (for windows --> python -m venv env)

source env/bin/activate (for windows --> env\scripts\activate)

pip install -r requirements.txt (same for both)

python manage.py runserver (same for both)

Frontend

• (for both linux and windows)

2. Move in frontend folder through terminal and run follwing commands

npm i

npm start

All set ! Happy coding :)

Back to Top