{"id":20359230,"url":"https://github.com/jgudo/foodie","last_synced_at":"2025-04-12T03:25:18.657Z","repository":{"id":44331383,"uuid":"322981513","full_name":"jgudo/foodie","owner":"jgudo","description":"A social media for food lovers and for people looking for new ideas for their next menu.","archived":false,"fork":false,"pushed_at":"2023-05-14T13:45:04.000Z","size":4725,"stargazers_count":77,"open_issues_count":1,"forks_count":29,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T23:02:15.407Z","etag":null,"topics":["mern","mern-social-media-app","mern-stack","react-social-media","social-media"],"latest_commit_sha":null,"homepage":"https://foodie.jgudo.vercel.app","language":"TypeScript","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/jgudo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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":"2020-12-20T02:57:20.000Z","updated_at":"2025-02-22T04:07:35.000Z","dependencies_parsed_at":"2024-11-14T23:32:42.896Z","dependency_job_id":"bd1011aa-2943-45a5-b90b-f70c94b7a78e","html_url":"https://github.com/jgudo/foodie","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/jgudo%2Ffoodie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgudo%2Ffoodie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgudo%2Ffoodie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgudo%2Ffoodie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jgudo","download_url":"https://codeload.github.com/jgudo/foodie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248511174,"owners_count":21116359,"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":["mern","mern-social-media-app","mern-stack","react-social-media","social-media"],"created_at":"2024-11-14T23:32:29.316Z","updated_at":"2025-04-12T03:25:18.651Z","avatar_url":"https://github.com/jgudo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Foodie\nA social media for food lovers and for people looking for new ideas for their next menu. A facebook/instagram-like inspired social media.\n\n![Heroku](https://heroku-badge.herokuapp.com/?app=foodie-social) ![Vercel](https://vercelbadge.vercel.app/api/jgudo/foodie)\n\n\n\n## Table of contents\n* [Features](#features)\n* [Technologies](#technologies)\n* [Installation](#installation)\n* [Run Locally](#run_local)\n* [Deployment](#deployment)\n* [Screenshots](#screenshots)\n\n## Features\nThis web app consists of a basic features/functionalities of a socia media\n* Login and Registration\n* Notification\n* Private Messaging\n* Post CRUD functionality\n* Comment feature\n* Profile Customization\n* Followers/Following feature\n* Search Feature\n\n## Technologies\n|   Front End |  Back End   |\n| ----------- | ------------|\n| React 17.0.1| Node 12.18.1|\n| TypeScript  | MongoDB     |\n| Redux       | Mongoose    |\n| Redux-Saga  | SocketIO    |\n| React Router| Express JS  |\n| TailwindCSS | Passport JS |\n| PostCSS     | Google Cloud Storage|\n| Axios       |             |\n\n## Installation\nTo install both ends (frontend/server). \n```\n$ npm run init-project\n```\n\nOr to install them individually\n```\n$ cd frontend // or cd server\n$ npm install\n```\n\n## Run locally\nBefore running the project, make sure to have the following done:\n* Download and install [MongoDB](https://www.mongodb.com/)\n* Create [Firebase Project](https://console.firebase.google.com/u/0/) for storage bucket\n* Create Google Service Account json key and configure ENV variable to your machine\n\nCreate ```.env-dev``` or ```.end-prod``` env variables and set the following:\n```\nMONGODB_URI=\u003cmongodb uri | default local = mongodb://localhost:27017 \u003e\nDB_NAME=\u003cyour database name\u003e\nPORT=\u003cport eg: 9000\u003e\nCLIENT_URL=\u003cyour frontend url, default: http://localhost:3000\u003e\nSESSION_SECRET=\u003cany secret key\u003e\nSESSION_NAME=\u003cany name you want\u003e\nFIREBASE_PROJECT_ID=\u003cfirebase project id found on your firebase config settigs\u003e\nFIREBASE_STORAGE_BUCKET_URL=\u003cfirebase bucket url found on your firebase config settigs\u003e\nGOOGLE_APPLICATION_CREDENTIALS=\u003cif you haven't set the ENV variable in your machine, you can set the relative path of the json file here\u003e\nFACEBOOK_CLIENT_ID=\u003cyou app client id\u003e\nFACEBOOK_CLIENT_SECRET=\u003cyou app client secret\u003e\nGITHUB_CLIENT_ID=\u003cyou app client id\u003e\nGITHUB_CLIENT_SECRET=\u003cyou app client id\u003e\n```\n\nYou can get your Facebook client id/secret here [Facebook for developers](http://developers.facebook.com/) and for GitHub here [Register Github OAuth App](https://github.com/settings/applications/new) and set the necessary env vars above.  \n\nAfter doing the steps above, you have to run your ```Mongo Server``` and finally you can now run both ends simultaneously by running: \n```\n$ npm start\n```\n\nOr you can run them individually\n```\n$ npm run start-client // frontend\n$ npm run start-server // backend\n\n// Or you can change to individual directory then run \n$ cd frontend // or cd server\n$ npm start\n```\n\n## Deployment\nYou can deploy your react app in [Vercel](http://vercel.app/) or whatever your preferred deployment platform. \nAnd for the backend, you can deploy your server in [Heroku](https://heroku.com)\n\n## Screenshots\n\n![Foodie screenshot](https://raw.githubusercontent.com/jgudo/foodie/master/frontend/src/images/screen1.png)\n![Foodie screenshot](https://raw.githubusercontent.com/jgudo/foodie/master/frontend/src/images/screen2.png)\n![Foodie screenshot](https://raw.githubusercontent.com/jgudo/foodie/master/frontend/src/images/screen3.png)\n![Foodie screenshot](https://raw.githubusercontent.com/jgudo/foodie/master/frontend/src/images/screen4.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgudo%2Ffoodie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjgudo%2Ffoodie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgudo%2Ffoodie/lists"}