MERN Stack consists of FOUR technologies

 MERN Stack consists of FOUR technologies which are:

  • M-ONGODB (Database) : is for preparing document database and is a NoSQL (Non-Structured Query Language ) Database System
  • E-xpress : is used for developing Node.js web framework
  • R-eact : is for developing a client-side JavaScript framework
  • N-ode JS : is for developing the premier JavaScript web server

MERN Stack is a JavaScript Stack which comprises powerful and robust technologies, used to develop scalable master web applications that includes backend, front-end, and database components. MERN Stack is a technology that is a user-friendly full-stack JavaScript framework for building applications and dynamic websites.
The main purpose of using MERN stack is to develop apps using JavaScript only.

MERN Stack consists of FOUR technologies which are:

  • M-ONGODB (Database) : is for preparing document database and is a NoSQL (Non-Structured Query Language ) Database System
  • E-xpress : is used for developing Node.js web framework
  • R-eact : is for developing a client-side JavaScript framework
  • N-ode JS : is for developing the premier JavaScript web server

Top 5 MERN STACK projects to improve your practical understandingπŸš€

1. E-Commerce Website
One of the most popular MERN stack project suggestions for both newbies and experienced developers is an e-commerce website.
This project serves multiple purposes, both vendors and customers.
Customers:

  • Login/Signup to buy items
  • Browser through and filter products
  • Add/Delete products from cart and wishlist
  • Update their account details
  • Make payment for items purchased, etc.

Vendors

  • Login to their dashboard
  • perform CRUD operations on products
  • Manage users(customers)
  • Receive and review orders, etc.

Sample Repo πŸ‘‰https://github.com/shabraware/HEIN.

2. Realtime Chat APP
A RealTime Chat Application is one of the simplest MERN Stack Applications that enables you to make use of mailing functionalities.
Some common feature of this App includes

  • User Login/Signup
  • Creating Chat rooms
  • Inviting users to chatroom via email
  • Add one-o-one chat with other users

Sample Repo πŸ‘‰https://github.com/earthcomfy/lets-chat

3. Public Blog App
In a Public blog Application, you gain experience on adding privileges to writers on the contents they see on their dashboard as well as controlling that of a super Admin.
Some features of this App includes:

  • Writers login/Signup
  • Perform CRUD operations on Categories
  • Perform CRUD operation on Articles (User right reserved)
  • Manage writers and content on App (Admin right preserved)
  • Like / Comment Articles
  • Follow Writers
  • Browse Writers profiles
  • Filter Articles based on writers, categories, etc. Sample Repo πŸ‘‰ https://github.com/qbentil/bentility Demo πŸ‘‰ https://bentility.vercel.app/

4. Application for Food Delivery
Restaurants and customers should be able to communicate more easily thanks to this app. It must include an Admin Dashboard for Restaurant owners as well as a facing App for customers to order food.
Feature may include:

  • User Login / Signup
  • Add/Remove to/from Cart
  • Checkout order and make payment. (Online or Pay on Delivery)
  • Admin should be able to perform CRUD operation on food etc.

Sample
Repo πŸ‘‰ https://github.com/qbentil/Bentilzone-Restaurant
Demo πŸ‘‰ https://zone-restaurant.vercel.app/

5. Weather App
A Weather APP is one of the most prominent React Apps you can build in a few hours. This basic App gives you exposure on using external API's. It also involves a bit of state management to handle the data.

Some features of this App may include but not limited to:

  • Displaying the weather condition of the user's current location.
  • Search for the weather condition of a particular location.
  • Dynamic rendering of UI to suit weather condition etc.

Sample Repo πŸ‘‰ https://github.com/qbentil/genuis-weather-app

No comments:

Post a Comment

CPU vs GPU Architecture

  CPU vs GPU Architecture CPU (Central Processing Unit) and GPU (Graphics Processing Unit) have distinct architectural differences, optimize...

Best for you