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

Last update: Jul 30, 2022

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

GitHub

https://github.com/olcaneristi/mern-blog-app
You might also like...

Facebook clone using Mongodb , Express , React and Node js

Facebook clone using Mongodb , Express , React and Node js

Facebook a leading social media mammoth with 2.8 billion monthly active users across the globe. It has the ability to connect and share with the people you care about. We managed to work on the Create-Posts, Delete-Posts, Groups, Friends, Comments, Likes and profile parts.

Jul 30, 2022

Assignment of Milestone 11 (Client Side) , Making an Website (Travel Related) using Firebase Authentication, Node, Express, MongoDB , Heroku, React Router, JavaScript (ES6) & React Bootstrap Etc.

Assignment of Milestone 11 (Client Side) , Making an Website (Travel Related) using Firebase Authentication, Node, Express, MongoDB , Heroku, React Router, JavaScript (ES6) & React Bootstrap Etc.

Simple Site of 'Travel Related Service' (Holiday Dreams) - Assignment (Milestone - 11) This Repo is for 'Client Side' This Assignment is mainly on Nod

Nov 26, 2021

This is a clone of Reddit Used React.js Node.js Express.js MongoDb

This is a clone of Reddit Used React.js Node.js Express.js MongoDb

May 10, 2022

A full stack application of a personal wallet made with React, Node and MongoDB

A full stack application of a personal wallet made with React, Node and MongoDB

The frontend of a full stack application of a personal wallet made with React, Node and MongoDB that allows you to add inputs, outputs and see all your extract.

Jun 2, 2022

A full stack task manager application built with node, react,mongodb,and mantine.

A full stack task manager application built with node, react,mongodb,and mantine.

Mar 12, 2022

Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.

Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.

Probook - A social media app Probook App | A Social Media App An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express,

Jul 20, 2022

Hotel Booking App Using The MERN Stack With TypeScript & Redux

Hotel Booking App Using The MERN Stack With TypeScript & Redux

HotelBooking Hotel Booking App Using The MERN Stack With TypeScript & Redux 🤩 Features: Room reviews and ratings Room pagination Room search feature

Aug 6, 2022

A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).

A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).

PERN Todo List 🚧 WORK IN PROGRESS 🚧 A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node). Practicing Mo

Mar 6, 2022

react-blog: a personal blog system written in React

react-blog: a personal blog system written in React

🖥️react-blog:用React写的一款个人博客系统,有博客展示页面和后台管理页面,可以管理文章、分类、标签、相册、说说、时间轴、留言、友链等信息。

Jul 30, 2022
MERN BLOG - Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN)
MERN BLOG - Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN)

MERN BLOG Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN) Configuration and Setup Key Features Technologi

Aug 3, 2022
Docker Tutorial | Nodejs + Express + Mongodb + React + Redis + Nginx| Nodejs + Express + Mongodb + React + Redis + Nginx

Docker Tutorial | Nodejs + Express + Mongodb + React + Redis + Nginx How to use Docker to build and develop Nodejs, Express, Mongodb, React, and Redis

Aug 1, 2022
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Aug 6, 2022
It concerns the solution of the desired task in applying for a job. MERN (MongoDB, Express, React, Node)
It concerns the solution of the desired task in applying for a job. MERN (MongoDB, Express, React, Node)

grocery-shopping-list It concerns the solution of the desired task in applying for a job. A shopping list application has been created using MERN (Mon

Jun 6, 2022
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Jul 29, 2022
E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

Jul 10, 2022
Bug-Blog - A Blogging Web App built with MERN Stack

Bug Blog It's a Blogging Web App built with MERN Stack , where users can create

Jun 24, 2022
Project Remix Blog - A Simple blog built with Remix (A Full Stack React Framework) and Prisma DB

Project Remix Blog - A Simple blog built with Remix (A Full Stack React Framework) and Prisma DB

Jan 2, 2022
A simplified Trello clone built with React, Redux, Node, Express and MongoDB.
A simplified Trello clone built with React, Redux, Node, Express and MongoDB.

Trellis A Trello Clone - Built with React, Redux, Express, and MongoDB. ?? : I'm looking for maintainers, feel free to reach out to me on [email protected]

Jul 6, 2022
An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express, MongoDB, JWT and Mongoose.
An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express, MongoDB, JWT and Mongoose.

A social media app using react, material ui, redux on frontend and nodejs, mongodb, and express on backend.

Jul 28, 2022