Full Stack Blog App

What's used in this app ?	How to run ?	Author
React Material UI Redux / Toolkit Database Authorization React-router-dom Database connected Custom hooks Axios instance	Once you clone the project run pnpm install or yarn install for node modules run pnpm run dev or yarn run dev for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ? In this project, Any user can view posts but can't comment, like, or view details without registering or logging in. Registered users can like existing posts, create new blogs, edit/delete their blogs, and comment on others'. It's a platform for sharing and engaging with content.

How does my project look

Live Link

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out. I'm always open to collaboration and welcome the opportunity to work on exciting projects together. Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Project Skeleton

Blog App (Folder)
|
|-- public
|   |-- Lee.jpg
|   |-- vite.svg
|
|-- src
|   |-- app
|   |   |-- store.js
|   |
|   |-- components
|   |   |-- BlogCard.jsx
|   |   |-- BlogUpdate.jsx
|   |   |-- CommentBox.jsx
|   |   |-- Navbar.jsx
|   |
|   |-- features
|   |   |-- authSlice.js
|   |   |-- blogSlice.js
|   |
|   |-- helper
|   |   |-- ToastNotify.js
|   |
|   |-- hooks
|   |   |-- useAuth.js
|   |   |-- useAxios.js
|   |   |-- useBlog.js
|   |
|   |-- pages
|   |   |-- About.jsx
|   |   |-- Dashboard.jsx
|   |   |-- DetailBlog.jsx
|   |   |-- Login.jsx
|   |   |-- MyBlogs.jsx
|   |   |-- NewBlog.jsx
|   |   |-- Profile.jsx
|   |   |-- Register.jsx
|   |
|   |-- router
|   |   |-- AppRouter.jsx
|   |   |-- PrivateRouter.jsx
|   |
|   |-- styles
|   |   |-- globalStyles.js
|   |
|   |-- App.jsx
|   |-- index.css
|   |-- main.jsx
|
|-- .eslintrc.cjs
|-- .gitignore
|-- README.md
|-- index.html
|-- package.json
|-- pnpm-lock.yaml
|-- vite.config.js