{"id":15043699,"url":"https://github.com/cefjoeii/mern-crud","last_synced_at":"2025-05-14T19:04:11.651Z","repository":{"id":23207572,"uuid":"97502858","full_name":"cefjoeii/mern-crud","owner":"cefjoeii","description":"A simple records system using MongoDB, Express.js, React.js, and Node.js with real-time CRUD operations using Socket.io","archived":false,"fork":false,"pushed_at":"2025-03-25T20:44:13.000Z","size":3868,"stargazers_count":753,"open_issues_count":0,"forks_count":516,"subscribers_count":36,"default_branch":"master","last_synced_at":"2025-04-06T08:09:42.740Z","etag":null,"topics":["express","mern","mongodb","node","react","rest-api","socket-io"],"latest_commit_sha":null,"homepage":"https://mern-crud-mpfr.onrender.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cefjoeii.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-17T17:19:07.000Z","updated_at":"2025-04-03T07:13:43.000Z","dependencies_parsed_at":"2024-09-25T01:50:25.843Z","dependency_job_id":"2cc543a2-adf3-4e69-8103-4a2c510c76c8","html_url":"https://github.com/cefjoeii/mern-crud","commit_stats":{"total_commits":81,"total_committers":10,"mean_commits":8.1,"dds":0.4320987654320988,"last_synced_commit":"fc0994f63355a3ef427357049e08cf61cf567619"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cefjoeii%2Fmern-crud","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cefjoeii%2Fmern-crud/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cefjoeii%2Fmern-crud/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cefjoeii%2Fmern-crud/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cefjoeii","download_url":"https://codeload.github.com/cefjoeii/mern-crud/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248710404,"owners_count":21149185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express","mern","mongodb","node","react","rest-api","socket-io"],"created_at":"2024-09-24T20:49:27.384Z","updated_at":"2025-04-13T11:45:44.415Z","avatar_url":"https://github.com/cefjoeii.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MERN CRUD\n\nA simple records system using MongoDB, Express.js, React.js, and Node.js with real-time Create, Read, Update, and Delete operations using Socket.io.\n\nREST API was implemented on the back-end. Semantic UI React was used for the UI in the front-end.\n\n![Node Version](https://img.shields.io/badge/node-v20+-green.svg)\n![NPM Version](https://img.shields.io/badge/npm-v9+-blue.svg)\n![MongoDB Version](https://img.shields.io/badge/mongodb-v7+-yellowgreen.svg)\n![Mongoose Version](https://img.shields.io/badge/mongoose-v7+-red.svg)\n\nDemo: [https://mern-crud-mpfr.onrender.com](https://mern-crud-mpfr.onrender.com)\n\n![MERN CRUD Screenshot](screenshot.png)\n\n## Support\n[![Follow on GitHub](https://img.shields.io/github/followers/cefjoeii.svg?style=social\u0026label=Follow)](https://github.com/cefjoeii)\n[![GitHub Stars](https://img.shields.io/github/stars/cefjoeii/mern-crud.svg?style=social\u0026label=Star)](https://github.com/cefjoeii/mern-crud)\n[![GitHub Forks](https://img.shields.io/github/forks/cefjoeii/mern-crud.svg?style=social\u0026label=Fork)](https://github.com/cefjoeii/mern-crud/fork)\n[![GitHub Watchers](https://img.shields.io/github/watchers/cefjoeii/mern-crud.svg?style=social\u0026label=Watch)](https://github.com/cefjoeii/mern-crud)\n\n## Instructions\n\nFork, then download or clone the repo.\n```bash\ngit clone https://github.com/\u003cyour-user-name\u003e/mern-crud.git\n```\n\nThe *config* folder contains a file named *config.js*. Before running locally, change the value of `db` as seen in the code below. *Make sure MongoDB service is running.*\n```js\nmodule.exports = {\n  db: \"mongodb://localhost/mern-crud\",\n  react_app_url: \"http://localhost:4200\"\n};\n```\n\n## Back-end\nInstall the dependencies via the terminal.\n```bash\nnpm install\n```\n\nRun the *main server*.\n```bash\nCORS=1 node server\n```\nView [http://localhost:3000](http://localhost:3000) on the browser.\n\n## Front-end\nIf you want to modify the front-end, go to *react-src* folder via the terminal.\n\n```bash\ncd react-src\n```\n\nInstall the dependencies required by React.\n```bash\nnpm install\n```\n\nRun the *development server* for React.\n```bash\nREACT_APP_API_URL=http://localhost:3000 npm start\n```\n\nView [http://localhost:4200](http://localhost:4200) on the browser.\n\nTo make a production build, simply run on *react-src* folder via the terminal.\n```bash\nnpm run build\n```\n\nIt re-creates a folder named *public* on the root directory. This is where the production-ready front-end of the web application resides.\n\n## Docker\n```bash\ndocker-compose up\n```\n\n## Contribute\nFeel free to help out as I may have other work/life commitments. See [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## To Do\n\n- [x] Create\n- [x] Read\n- [x] Update\n- [x] Delete\n- [x] Real-time broadcast using Socket.io\n- [x] Deploy in Heroku\n- [x] Front-end validation (HTML)\n\n## License\n**MERN CRUD** is available under the **MIT** license. See the [LICENSE](LICENSE) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcefjoeii%2Fmern-crud","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcefjoeii%2Fmern-crud","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcefjoeii%2Fmern-crud/lists"}