https://github.com/codeadamca/react-mern
A basic example of a MERN stack setup.
https://github.com/codeadamca/react-mern
expressjs json mern nodejs reactjs
Last synced: 24 days ago
JSON representation
A basic example of a MERN stack setup.
- Host: GitHub
- URL: https://github.com/codeadamca/react-mern
- Owner: codeadamca
- Created: 2020-12-09T21:04:37.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2025-01-26T22:03:52.000Z (12 months ago)
- Last Synced: 2025-01-26T23:17:57.738Z (12 months ago)
- Topics: expressjs, json, mern, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Basic Example of a Web Page using a MERN Stack
A basic example of a MERN stack setup. This code includes a small React app that displays a list of members retrieved from an API nuilt using Node.js, Express, and MongoDB. The API coe is available in the [nodejs-api](https://github.com/codeadamca/nodejs-api) repo.
## Steps
Before setting up this code, follow the instructions in the [nodejs-api](https://github.com/codeadamca/nodejs-api) repo and then follow these steps:
If you haven't already, start the Node.js members API. Visit tThe URL `http://localhost:4000/members` and it should now display a JSON list of members.
Next clone this repo, start the React app, and visit the URL `http://localhost:3000/`. You should see a list of members from the Node.js API in a basic unordered list.
> Full tutorial URL:
> https://codeadam.ca/learning/react-mern.html
***
## Repo Resources
* [Visual Studio Code](https://code.visualstudio.com/) or [Brackets](http://brackets.io/) (or any code editor)
* [React.js](https://reactjs.org/)
