{"id":14975536,"url":"https://github.com/sushilparajuli/mern-stack-blog","last_synced_at":"2025-10-27T14:30:25.666Z","repository":{"id":164790778,"uuid":"100792916","full_name":"sushilparajuli/MERN-Stack-Blog","owner":"sushilparajuli","description":"Complete Blog site with server-client authentication developed on MERN STACK","archived":false,"fork":false,"pushed_at":"2019-12-30T07:15:08.000Z","size":164,"stargazers_count":14,"open_issues_count":2,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-01T05:51:09.429Z","etag":null,"topics":["authentication-backend","client-server","expressjs","mongodb","mongoosejs","nodejs","react-redux","react-router-dom","reactjs","redux","redux-thunk"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sushilparajuli.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-08-19T12:29:49.000Z","updated_at":"2021-05-16T08:41:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"dee312a6-ee09-4b6e-b185-79e83dd364c8","html_url":"https://github.com/sushilparajuli/MERN-Stack-Blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sushilparajuli%2FMERN-Stack-Blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sushilparajuli%2FMERN-Stack-Blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sushilparajuli%2FMERN-Stack-Blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sushilparajuli%2FMERN-Stack-Blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sushilparajuli","download_url":"https://codeload.github.com/sushilparajuli/MERN-Stack-Blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238508428,"owners_count":19484132,"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":["authentication-backend","client-server","expressjs","mongodb","mongoosejs","nodejs","react-redux","react-router-dom","reactjs","redux","redux-thunk"],"created_at":"2024-09-24T13:52:10.804Z","updated_at":"2025-10-27T14:30:25.053Z","avatar_url":"https://github.com/sushilparajuli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Blog (MERN-STACK)\n\n## Server Side (server folder)\nExpress, Mongodb, Mongoose are used to built the server. Please view package.json file for to deep dive into the packages used for it\n\n**Some note:**\nYou have to create `data/db` folder inside the `server/` folder for mongo db (after successfully installing mongodb) and have to take ownership of the folder\n\n* Command for linx/Mac to take ownership\n\n  `sudo chmod -R $USER data/db`\n\n\n* Windows user follow [here](https://www.windowscentral.com/how-take-ownership-files-and-folders-windows-10)\n\nAnd for the secret text, please put secret text in the config.js file\n\n`module.exports={\n   secret: ' secret text here '\n }`\n\n## Command to run Server\n- First, run `mongod` from `server/`\n- Then, run `nodemon` seperately within `server/`\n\n\n\n\n## Client Side (client folder)\n\nThis is client app of the react blog app\n\nThis project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).\n\nBelow you will find some information on how to perform common tasks.\u003cbr\u003e\nYou can find the most recent version of this guide [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).\n\n\n## Folder Structure\n\nAfter creation, your project should look like this:\n\n```\nmy-app/\n  README.md\n  node_modules/\n  package.json\n  actions/\n  public/\n    index.html\n    favicon.ico\n  reducers/\n  src/\n    auth/ \n      Comoponents related to authentication\n    App.css\n    App.js\n    App.test.js\n    index.css\n    index.js\n    posts_index.js\n    posts_new.js\n    posts_show.js\n    404.js\n\n```\n\n\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr\u003e\nYou will also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\u003cbr\u003e\nSee the section about [running tests](#running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](#deployment) for more information.\n\n### `npm run eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\nInstead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.\n\nYou don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.\n\n## Supported Language Features and Polyfills\n\nThis project supports a superset of the latest JavaScript standard.\u003cbr\u003e\nIn addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports:\n\n* [Exponentiation Operator](https://github.com/rwaldron/exponentiation-operator) (ES2016).\n* [Async/await](https://github.com/tc39/ecmascript-asyncawait) (ES2017).\n* [Object Rest/Spread Properties](https://github.com/sebmarkbage/ecmascript-rest-spread) (stage 3 proposal).\n* [Dynamic import()](https://github.com/tc39/proposal-dynamic-import) (stage 3 proposal)\n* [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).\n* [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.\n\nLearn more about [different proposal stages](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-).\n\nWhile we recommend to use experimental proposals with some caution, Facebook heavily uses these features in the product code, so we intend to provide [codemods](https://medium.com/@cpojer/effective-javascript-codemods-5a6686bb46fb) if any of these proposals change in the future.\n\nNote that **the project only includes a few ES6 [polyfills](https://en.wikipedia.org/wiki/Polyfill)**:\n\n* [`Object.assign()`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) via [`object-assign`](https://github.com/sindresorhus/object-assign).\n* [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) via [`promise`](https://github.com/then/promise).\n* [`fetch()`](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) via [`whatwg-fetch`](https://github.com/github/fetch).\n\nIf you use any other ES6+ features that need **runtime support** (such as `Array.from()` or `Symbol`), make sure you are including the appropriate polyfills manually, or that the browsers you are targeting already support them.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsushilparajuli%2Fmern-stack-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsushilparajuli%2Fmern-stack-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsushilparajuli%2Fmern-stack-blog/lists"}