mern-blog-app icon indicating copy to clipboard operation
mern-blog-app copied to clipboard

MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.

This project was my first experience of MERN stack and Chakra UI. I learned a lot while doing it and had a lot of fun. I learned about Express, Node.js and MongoDB. I'll build better projects as soon as possible.

Hosted with Vercel & Heroku

License

📷 Screenshots and Demo GIF

demo

Demo Gif
Demo Add

🗂️ Packages used in this project

Package (Frontend) Version
axios ^0.21.4
@chakra-ui/icons ^1.0.15
@chakra-ui/modal ^1.9.1
@chakra-ui/react ^1.6.9
eslint ^7.32.0
moment ^2.29.1
prettier ^2.4.1
react-copy-to-clipboard ^5.0.4
react-file-base64 ^1.0.3
react-hook-form ^6.13.1
react-redux ^7.2.2
react-toastify ^5.1.0
redux ^4.0.5
redux-thunk ^2.3.0
Package (Backend) Version
cors ^2.8.5
dotenv ^10.0.0
express ^4.17.1
mongoose ^6.0.9