https://github.com/ibrsec/blogapp-frontend-react

Frontend of the BS Store App
https://github.com/ibrsec/blogapp-frontend-react

axios material-ui react redux

Last synced: about 1 month ago
JSON representation

Frontend of the BS Store App

• Host: GitHub
• URL: https://github.com/ibrsec/blogapp-frontend-react
• Owner: ibrsec
• Created: 2024-07-17T09:43:54.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-09-09T13:25:23.000Z (almost 2 years ago)
• Last Synced: 2025-01-08T21:36:27.203Z (over 1 year ago)
• Topics: axios, material-ui, react, redux
• Language: JavaScript
• Homepage: https://blogapp-frontend-react.vercel.app/
• Size: 2.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  



 

 






   

  

    

  


  
Blog App FrontEnd | Fullstack


  


    An awesome frontend of the Blog App fullstack application

    Explore the docs »

    


    


    Live Link

    ·

    Backend Repo

    ·

    Backend Swagger

    ·

    Report Bug

    ·

    Request Feature

  



  📎 Table of Contents 📎 

  


    
About The Project

     

     
Overview

     
Quick Setup

     
Directory structure

     
Built With

    


    

  


---



## ℹ️ About The Project

[![blogapp-frontend-react](./public/project.gif)](https://blogapp-frontend-react.vercel.app)

(back to top)


---



## 👀 Overview

📦 Used   blogapp-backend-express  for store data 

🎯 Used react environment, redux toolkit, redux-persist,react-router-dom, materal ,axios, react-toastify, jwt token athentication,  

🖥 Unauthorized user can just access the list of the blogs and cant access details and modification features. if user trys to , he is redirected to the login page.

 🔩 User can Register and login ! 

🖥 After login, user can screen the details of the blogs and create new blogs and can edit and delete his own blogs

 

(back to top)




## 🛫 Quick Setup

```sh

# clone the project

git clone https://github.com/ibrsec/blogapp-frontend-react.git

# enter the project directory

cd blogapp-frontend-react

# install dependency

npm install || yarn install

# develop

npm run dev || yarn start

```

(back to top)




## 📂 Directory structure 

```diff

+ blogapp-frontend-react  (folder)

      |          

      |---public (folder) 

      |                

+     |---src (folder) 

      |     |---pages (folder)       

      |     |           

      |     |---components (folder) 

      |     |    

      |     |---app (folder)       

      |     |     └---store.jsx       

      |     |          

      |     |---router (folder)           

      |     |          

      |     |---services (folder)              

      |     |          

      |     |---helpers (folder)        

      |     |---App.js 

      |     └---Index.js

      |      

      |----package.json

      |----.gitignore

      |----yarn.lock

      |----.env

      └----readme.md 

```

(back to top)


---



### 🏗️ Built With

 

 

  

  

 

 

 

  

 

  

 

    

  

  

 

  

 

  

 

 

 

  

 

 

(back to top)