https://github.com/ibrsec/blog-app
Blog App - Just Frontend
https://github.com/ibrsec/blog-app
axios formik material-ui react react-router redux tostify yup
Last synced: about 1 month ago
JSON representation
Blog App - Just Frontend
- Host: GitHub
- URL: https://github.com/ibrsec/blog-app
- Owner: ibrsec
- Created: 2024-05-17T14:02:26.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T12:32:35.000Z (almost 2 years ago)
- Last Synced: 2025-06-21T13:43:22.360Z (12 months ago)
- Topics: axios, formik, material-ui, react, react-router, redux, tostify, yup
- Language: JavaScript
- Homepage: https://ultra-blog-app.vercel.app
- Size: 5.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
📎 Table of Contents 📎
---
[](https://ultra-blog-app.vercel.app/)
---
📦 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
```sh
# 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
```
```diff
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
```
---
