Blog App

An awesome Blog App Explore the docs »

View Demo · Report Bug · Request Feature

📎 Table of Contents 📎

1. About The Project
2. Overview
3. Quick Setup
4. Directory structure
5. Built With

---

ℹ️ About The Project

(back to top)

---

👀 Overview

📦 Used a ready backend for blog api
🎯 Used React environment, redux toolkit,redux-persist,react-routing,material, axios, axios instance, formik, yup, toastify,
🖥 You can Register or login with the ready credentials on the login page, Contents can be accessed befofre logging in!
🔩 After login there are a few features you can access like adding new blog, fav, seeing details of blogs, make and read comments, managing own blog profile including update delete blogs and comments
💪 You can manage your blogs your own my blogs page after login

(back to top)

🛫 Quick Setup

# clone the project
git clone https://github.com/ibrsec/blog-app.git

# enter the project directory
cd blog-app

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start

(back to top)

📂 Directory structure

blog-app  (folder)
  |          
  |---public (folder) 
  |                
+ |---src (folder) 
  |     |---assests (folder) 
  |     |           
  |     |---pages (folder)       
  |     |           
  |     |---components (folder) 
  |     |    
  |     |---app (folder)       
  |     |     └---store.jsx       
  |     |          
  |     |---features (folder)       
  |     |     |---authSlice.jsx  
  |     |     └---blogSlice.jsx       
  |     |          
  |     |---router (folder)        
  |     |     |---PrivateRoute.jsx  
  |     |     └---AppRouter.jsx       
  |     |          
  |     |---hooks (folder)        
  |     |     |---useAxios.jsx  
  |     |     |---useAuthApis.jsx  
  |     |     └---useBlogApis.jsx       
  |     |          
  |     |---helper (folder)        
  |     |     └---ToastNotify.js       
  |     |          
  |     |---App.js 
  |     |---Index.js
  |     └---Index.css
  |      
  |----package.json
  |----yarn.lock 
  |----.env.local
  └----readme.md 

(back to top)

---

🏗️ Built With

(back to top)