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

Overview

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
You might also like...
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.

Real-time chat app using Firebase, React, TailwindCSS, MongoDB, Node/Express, and Socket.io
Real-time chat app using Firebase, React, TailwindCSS, MongoDB, Node/Express, and Socket.io

Let's Chat A real-time chat application. Another fun side project :) GIFs are attached at the end. Technologies Used React and TailwindCSS for the fro

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.

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

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

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.

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.

Full Stack e-commerce app built with Express, Node.js, MySQL and React
Full Stack e-commerce app built with Express, Node.js, MySQL and React

Auction Point Auction Point is a website where users can buy and sell items. My aim with this Full Stack project was the design and development of an

A climbing wall app React, Typescript, Redux Toolkit, MERN stack
A climbing wall app React, Typescript, Redux Toolkit, MERN stack

A climbing wall app where climbers can customize walls with holds, save walls, and save routes on each wall for later

Owner
oğulcan erişti
can we say frontend dev? who knows.
oğulcan erişti
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

Muhammet Yıldız 25 Dec 21, 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 Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 327 Jan 4, 2023
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

Kemal Akçıl 6 Dec 27, 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

null 17 Aug 1, 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

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

Sijeesh Miziha 51 Dec 8, 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

Aaditya 10 Oct 27, 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.

Jose Furtado 11 Jan 2, 2023
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

Devanshu Vashishtha 1 Jan 2, 2022
A social-network project with MERN (MongoDb, Express, ReactJs, NodeJs) + tailwindCss

Introduction This is a social-network project with MERN (MongoDb, Express, ReactJs, NodeJs) + tailwindCss Page (Not logged) Home. Login. Register. For

Frost 33 Dec 1, 2022
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 hello@ayusha

Ayush Aggarwal 116 Dec 23, 2022