MERN Stack Web Application - Property Bookings Catalog

Overview of My Submission

• Created a MERN stack website application used for Property Bookings Catalog for the submission of Dev community X MongoDB Atlas Hackathon
• I've used MongoDB Atlas AWS Cloud based database Cluster and it serves as the back-end database to the application
• This is my first 3-tier web app development and thanks to this #Atlashackathon for making the opportunity to learn :)

Submission Category:

Choose Your Own Adventure

Link to Code

• Repository is available to view in GitHub and have the detaied README.md file to explain the project

  chefgs / mern-app

  "Property Bookings Catalog" web app developed using MERN Stack

  

  Table of Contents

  • Introduction
  • MERN Architecture
  • Steps to create the application
    • Create MongoDB Cluster and Get DB Connection String
    • Setting up Application to connect with MongoDB
    • Start the Express server
      • Method 1
      • Method 2
    • Start the React app
  • Testing Application and Accessing UI
  • GitHub Action Workflow Details
  • Reference

  Introduction

  This application is developed for the submission of Dev community X MongoDB Hackathon. This is a MERN stack based Web Application.

  MERN stands for MongoDB, Express, React, Node, which are making up the tech stack.

  MongoDB - Popular NoSQL document database ExpressJS - Node.js web framework ReactJS - a client-side JavaScript framework NodeJS - the JavaScript web server

  Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js the popular and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the…

  
  

  View on GitHub

  
  

Additional Resources / Info

• Link to the screenshots of the application up and running

Application up and running

Developer Details

• Saravanan Gnanaguru - LinkedIn
• User Chefgs - GitHub