{"id":16143192,"url":"https://github.com/johnbedeir/end-to-end-devops-aws-react-mongodb","last_synced_at":"2025-09-12T10:36:50.132Z","repository":{"id":221261864,"uuid":"753886891","full_name":"johnbedeir/End-to-End-DevOps-AWS-React-MongoDB","owner":"johnbedeir","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-07T03:37:43.000Z","size":206,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-06T19:27:56.776Z","etag":null,"topics":[],"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/johnbedeir.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":"2024-02-07T01:08:40.000Z","updated_at":"2025-03-03T00:38:41.000Z","dependencies_parsed_at":"2024-02-07T02:26:38.283Z","dependency_job_id":"d6daa2b8-c031-443e-945d-69fbe02ea339","html_url":"https://github.com/johnbedeir/End-to-End-DevOps-AWS-React-MongoDB","commit_stats":null,"previous_names":["johnbedeir/end-to-end-devops-react-mongodb","johnbedeir/end-to-end-devops-aws-react-mongodb"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/johnbedeir/End-to-End-DevOps-AWS-React-MongoDB","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnbedeir%2FEnd-to-End-DevOps-AWS-React-MongoDB","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnbedeir%2FEnd-to-End-DevOps-AWS-React-MongoDB/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnbedeir%2FEnd-to-End-DevOps-AWS-React-MongoDB/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnbedeir%2FEnd-to-End-DevOps-AWS-React-MongoDB/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johnbedeir","download_url":"https://codeload.github.com/johnbedeir/End-to-End-DevOps-AWS-React-MongoDB/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnbedeir%2FEnd-to-End-DevOps-AWS-React-MongoDB/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260294181,"owners_count":22987600,"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":[],"created_at":"2024-10-10T00:08:50.500Z","updated_at":"2025-06-17T04:39:24.095Z","avatar_url":"https://github.com/johnbedeir.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog Platform\n\nThis project is a simple blog platform built with a React front-end and an Express back-end using MongoDB for data storage.\n\n## 1. Run Locally\n\nFollow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n\nBefore running the project, you'll need to install the following software:\n\n- [Node.js and npm](https://nodejs.org/en/download/): JavaScript runtime and package manager\n- [MongoDB](https://www.mongodb.com/try/download/community): NoSQL database\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://your-repository-url\ncd blog-platform\n```\n\n2. Install NPM packages for the back-end server:\n\n```bash\ncd backend\nnpm install\n```\n\n3. Install NPM packages for the front-end client:\n\n```bash\ncd ../frontend\nnpm install\n```\n\n### Running MongoDB\n\nEnsure MongoDB is running locally on its default port (27017).\n\nIf you have installed MongoDB as a service, it should be running automatically. Otherwise, you can start it manually:\n\n```bash\nmongod\n```\n\n### Running the Back-End Server\n\n1. Navigate to the `backend` directory:\n\n```bash\ncd backend\n```\n\n2. Start the server:\n\n```bash\nnpm start\n```\n\nYour back-end server should now be running on `http://localhost:5000`.\n\n### Running the Front-End React App\n\n1. Open a new terminal and navigate to the `frontend` directory:\n\n```bash\ncd frontend\n```\n\n2. Start the React development server:\n\n```bash\nnpm start\n```\n\nYour front-end should now be running on `http://localhost:3000` and should automatically open in your default web browser.\n\n### Environment Variables\n\nFor the back-end server, if you wish to set environment variables, you can create a `.env` file in the `backend` directory and set your variables there:\n\n```env\nMONGO_URI=mongodb://your-custom-mongodb-uri\nMONGO_DB_NAME=your-custom-db-name\nPORT=your-preferred-port\n```\n\nFor the front-end, if you need to set environment variables, create a `.env` file in the `frontend` directory.\n\n### File Uploads\n\nBy default, uploaded files are stored in the `uploads` directory within the `backend` directory. If you're using an environment variable to set the uploads directory, make sure the specified directory exists and is writable.\n\n## Built With\n\n- [React.js](https://reactjs.org/) - The front-end library used\n- [Express.js](https://expressjs.com/) - The back-end framework used\n- [MongoDB](https://www.mongodb.com/) - The database used\n\ncreate the app:\nnpx create-react-app blog-platform\n\nnpm install\n\ntest app:\ncd blog-platform\nnpm start\n\ncreate the backend\nmkdir backend cd in it\nnpm init -y\nnpm install express mongoose cors\n\ncreate models with Post.js\n\ncreate routes with posts.js\n\ncreate server.js\n\nto start the backend server which connect to the database and show the posts id in the database\nnpm start\n\nsetup proxy to let frontend communicate withe the backend server and display the posts from the database\n\nnpm install @aws-sdk/client-s3 @aws-sdk/lib-storage\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnbedeir%2Fend-to-end-devops-aws-react-mongodb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnbedeir%2Fend-to-end-devops-aws-react-mongodb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnbedeir%2Fend-to-end-devops-aws-react-mongodb/lists"}