MERN CRUD
A simple records system using MongoDB, Express.js, React.js, and Node.js with real-time Create, Read, Update, and Delete operations using Socket.io. REST API was implemented on the back-end. Semantic UI React was used for the UI.
Demo: https://mern-crud.herokuapp.com/
Show Some
❤️
��
Instructions
Fork, then download or clone the repo.
git clone https://github.com/<your-user-name>/mern-crud.git
Make sure MongoDB service is running.
The config folder contains a file named db.js. Before running locally, change the value of db as seen in the code below.
module.exports = {
db: 'mongodb://localhost/mern-crud'
};
For the back-end, install the dependencies once via the terminal.
npm install
Run the main server. It listens on port 3000.
CORS=1 node server
View it on the browser.
If you want to configure the front-end, go to react-src folder via the terminal.
cd react-src
Install the dependencies required by React once.
npm install
Run the development server for React. It listens on port 4200.
REACT_APP_API_URL=http://localhost:3000 npm start
To make a production build, simply run on react-src folder via the terminal.
npm run build
It re-creates a folder named public on the root directory. This is where the production-ready front-end of the web application resides.
Docker
docker-compose up
Contribute
Feel free to help out as I may have other work/life commitments. See CONTRIBUTING.md.
To Do
- Create
- Read
- Update
- Delete
- Real-time broadcast using Socket.io
- Deploy in Heroku
- Front-end validation (HTML)
License
-
类似 Mean，是另一个全栈 Javascript 开发架构，使用 MongoDB，Express，React，Node。 特性 React 组件的热加载 模块化文件结构 使用 React 路由器进行代码拆分 Ava 测试运行（并行运行测试） 国际化支持 支持 Docker 支持代码生成 搭建自己的 MERN 下面是两个启动工具 MERN Starter git clone https://git
-
Building CRUD Web Application using MERN Stack This source code is part of Building CRUD Web Application using MERN Stack tutorial. If you think this source code is useful, it will be great if you jus
-
MERN-boilerplate This is a boilerplate project using the following technologies: React and React Router for the frontend Express and Mongoose for the backend Sass for styles (using the SCSS syntax) We
-
MERN + Passport.js example MERN stack application that uses authentication Mongo, Express, React, Node (MERN) + Passport.js for managing authentication This project was bootstrapped with Create React
-
MERN Ecommerce Description An ecommerce store built with MERN stack, and utilizes third party API's. This ecommerce store enable three main different flows or implementations: Buyers browse the store
-
Deprecation notice This github repository, and also the book that it is meant to accompany, have now been superceded by the second edition of the book and a corresponding new repository: pro-mern-stac