Skip to content

huseyin-aln/Capstone-Blog-App-RP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Django-React Blog App

Table of Contents

Overview

Capstone-Blog-App-RP

Built With

  • HTML
  • CSS
  • JS
  • REACT

Features

The data taken from the api was used by transferring it to the global state with the react context.

How To Use

To clone and run this application, you'll need Git

# Clone this repository
$ git clone https://github.com/huseyin-aln/Capstone-Blog-App-RP

# Install dependencies
  
    "axios": "^1.1.3",
    "moment": "^2.29.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.4.2",
    "@emotion/react": "^11.10.0",
    "@emotion/styled": "^11.10.0",
    "@mui/icons-material": "^5.8.4",
    "@mui/material": "^5.9.3",
    "react-toastify": "^9.0.8",
    

Acknowledgements

  • This project is built using React and context.
  • The blog home page can be viewed by anyone. However, the user must be logged in to access the detail page. If user is not login, must be registered.
  • The user can update or delete the blog he wrote. He cannot take action on blogs that he did not write himself.
  • The user is informed about the login processes and the changes that occur on the page.
  • The user can write comments to blogs. Written comments can be seen on the detail page.
  • The user can like on blogs detail page. When like is done, the color of the icon becomes red and the number of likes increases by 1.
  • If the user clicks the icon like again, the number of likes decreases by 1 and its color returns to its old color.
  • Responsive design is provided on the compatibility side.

Contact