Yale SWE MERN Example App

Overview

Yale SWE MERN Example App

Overview

The MERN stack is an extremely popular development stack, and is composed of the following components:

  • MongoDB (NoSQL Database)
  • Express (Backend Framework)
  • React (Frontend Framework)
  • Node.js (Backend Runtime)

This application is a MERN-stack application written in TypeScript. It allows you to create and delete Doggos! Run this app locally and experiment to learn the stack better. If you also want to copy this app as the base code for your project, feel free to do so!

Screen Shot 2022-02-13 at 9 56 36 PM Screen Shot 2022-02-13 at 9 56 46 PM

Running This App Locally

To run this app locally, there are some prerequisites:

Once you installed all the stuff above, follow these directions:

  1. Run yarn install:all. This will install all of the necessary npm packages.
  2. Open a terminal window and run yarn dev:env. This will run a MongoDB container on your local machine. Keep this terminal open.
  3. Open another terminal window and run yarn dev:server. This will run the REST API on port 4000.
  4. Open another terminal window and run yarn dev:client. This wll serve the client on port 3000.

After completing the steps above, you should be able to go to http://localhost:3000 on your browser and see the app. Have fun making doggos!

Overview

We have also provided a video of one of our walkthrough sessions of this codebase below.

MERN Stack Walkthrough

You might also like...

Whatsapp-web-clone MERN project deployed on vercel and heruku

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 17, 2022

Total Quest is an online real-world scavenger hunt application built with the MERN stack

Total Quest is an online real-world scavenger hunt application built with the MERN stack

TOTAL QUEST Table of Contents Description Team Members Technologies Used Contact Example Link to Total Quest Description Total Quest is an online real

Mar 13, 2022

A MERN Stack dapp the utilizes three solidity contracts

A MERN Stack dapp the utilizes three solidity contracts. It verifies user ownership of third party NFTs, generates an image incorporating a third party NFT image pulled from IPFS, mints a new NFT for users that includes an on-chain message and metadata to Opensea standards.

Jun 30, 2022

a/A MERN stack collaboration project

a/A MERN stack collaboration project

Welcome to Hoppers! Hoppers is an app where users can design their plan for the perfect night out with friends1. Users will be able to design and cust

Apr 28, 2022

Following the project from Nabendu Biswas's MERN Projects book

mern-dating-app-project Following the project from Nabendu Biswas's MERN Projects book All the codes here are followed based on the book in this link:

Jun 8, 2022

This is email scheduler made using MERN. This repo contains server code, client repo is linked in readme.

Email Scheduler Client This is an email scheduler server (client in different repository). It is made using node.js/express.js. Overview User can sign

Dec 3, 2022

This is an email scheduler made using MERN stack. This repo contains client, server side is linked in readme

Email Scheduler Client This is an email scheduler client (server in different repository). It is made using react. Overview User can sign-up/sign-in,

Dec 3, 2022

A project built with MERN stack.

A project built with MERN stack.

May 2, 2022

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Twitter-Clone_Front-end ✨ Demo. Login Home Profile Message Notifications Deployed in: https://twitter-clone-front-end.vercel.app/ 💻 About the project

Jun 26, 2022
Owner
Yale Software Engineering
Yale University's Software Engineering course (CPSC 439/539).
Yale Software Engineering
Example auto-generated OpenAPI client library and an accompanying example Angular app.

To utilize this demo Head into petstore_frontend\petes_pets Run npm install Go to frontend_client_lib\out Run npm install Head back into petstore_fron

Alan Gross 1 Jan 21, 2022
Example-browserstack-reporting - This repository contains an example of running Selenium tests and reporting BrowserStack test results, including full CI pipeline integration.

BrowserStack reporting and Selenium test result example This repository contains an example of running Selenium tests and reporting BrowserStack test

Testmo 1 Jan 1, 2022
Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.

Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe

Dhaval Patel 50 Dec 29, 2022
A sweet MERN Stack app to add food recipes to your own Cook Book!

Welcome to LeCookBook ?? A sweet MERN Stack project, that lets you view, quicksearch, search by category and a randomizer with a cool UI. This page ha

Rene Ortega 2 Jun 3, 2022
Modern Full Stack Social Media App (MERN)

Pixby A Full Stack Social Media Application Built with React Vite Chakra UI NodeJs Express MongoDB Nodemailer Cloudinary Installation Run the setup.sh

Rwitesh Bera 3 Nov 26, 2022
This is my first attempt in creating a mern stack ecommerce website. Hope you like it!!

MERN E-COMMERCE PROJECT Hi! My name is Suhrrid Banerjee, This is my first attempt in creating a MERN stack e-commerce website. Prerequisite Nil Env Va

Suhrrid Banerjee 1 Jan 8, 2022
MERN stack application which serves as an online map journal where users can mark and rate the places they've been to.

PlaceRate PlaceRate is a MERN stack application which serves as an online map journal where users can mark and rate the places they've been to. You ca

Yuvraj Virdi 0 May 17, 2022
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

WMouton 2 Dec 25, 2021
Online Inventory Control System for an apparel manufacturing company "CASANOVA" (Pvt) Ltd. Technology stack: Node.js, Express.js, MongoDB Atlas, React.js (MERN Stack).

Project Name - Online Inventory Control System for an apparel manufacturing company "CASANOVA". The project was given a "A" grade. Group Leader - IT20

Pasindu Rukshan 1 Dec 26, 2021
It consists of a recreation of Twitter, to put into practice both Front-end and Back-end knowledge by implementing the MERN Stack together with other technologies to add more value to the project.

Twitter-Clone_Back-end ✨ Demo. ?? About the project. ?? Descriptions. It consists of a recreation of Twitter, to put into practice knowledge of both F

Mario Quirós Luna 5 Apr 12, 2022