FireBlog App

Check The Live Website ➡️ Live Website

Description

Project aims to create a FireBlog App.

Visualization of the Website

Project Skeleton

FireBlog App (folder)
|
|----readme.md
SOLUTION
├── public
│     └── index.html
├── src
│    ├── routers
│    │       ├── AppRouter.jsx
│    │       └── PrivateRouter.jsx
│    ├── components
│    │       ├── BlogCard.jsx
│    │       ├── Footer.jsx
│    │       └── Navbar.jsx
│    ├── contexts
│    │       ├── AuthContext.jsx
│    │       └── BlogContext.jsx
│    ├── helpers
│    │       ├── firebase.js
│    │       ├── functions.jsx
│    │       └── toastNotify.jsx
│    ├── pages
│    │       ├── About.js
│    │       ├── Dashboard.js
│    │       ├── Details.js
│    │       ├── Login.js
│    │       ├── NewBlog.js
│    │       ├── Profile.js
│    │       ├── Register.js
│    │       └── UpdateBlog.js
│    ├── assets.js
│    │       └── [images]
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
│
├── package.json
└── yarn.lock

Used in this project

👉 I mastered ReactJS, React Router, Context, Formik, Yup, Firebase Realtime Database, Material UI, react-toastify, features in this project. You can see the visual representation of the website above.