{"id":24461287,"url":"https://github.com/blesten/social-media","last_synced_at":"2026-04-07T07:02:55.663Z","repository":{"id":226231625,"uuid":"767389498","full_name":"blesten/social-media","owner":"blesten","description":"Minimalistic MERN stack social media repository showcasing seamless user experience and secure authentication","archived":false,"fork":false,"pushed_at":"2025-02-07T00:46:19.000Z","size":33710,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T12:25:43.377Z","etag":null,"topics":["api","docker","expressjs","fullstack-development","mongodb","nodejs","reactjs","social-media","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","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/blesten.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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,"zenodo":null}},"created_at":"2024-03-05T07:57:55.000Z","updated_at":"2025-02-07T00:46:22.000Z","dependencies_parsed_at":"2025-08-04T11:39:33.395Z","dependency_job_id":"169a8607-e380-4457-b9ff-a930e0836861","html_url":"https://github.com/blesten/social-media","commit_stats":null,"previous_names":["blesten/social-media"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blesten/social-media","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2Fsocial-media","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2Fsocial-media/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2Fsocial-media/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2Fsocial-media/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blesten","download_url":"https://codeload.github.com/blesten/social-media/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blesten%2Fsocial-media/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31503394,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api","docker","expressjs","fullstack-development","mongodb","nodejs","reactjs","social-media","tailwindcss","typescript"],"created_at":"2025-01-21T04:18:39.979Z","updated_at":"2026-04-07T07:02:55.638Z","avatar_url":"https://github.com/blesten.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n[![LinkedIn][linkedin-shield]][linkedin-url]\n\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/blesten/social-media\"\u003e\n    \u003cimg src=\"client/public/assets/logo.png\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eSocial Sphere\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An awesome social media application based on website\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/blesten/social-media\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://youtu.be/WXP1WM1fDEg\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/blesten/social-media/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/blesten/social-media/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## About The Project\n\nWelcome to the **Social Sphere** Github repository! Here, you'll find the source code for our sleek and sophisticated social media application. Built with modern technologies and a focus on user experience, our application aims to provide users with an effortless socialize experience.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n### Built With\n\nMain technology used to built this application are listed below:\n\n* [Typescript](https://www.typescriptlang.org/)\n* [React.js](https://www.reactjs.org/)\n* [Tailwind CSS](https://www.tailwindcss.com/)\n* [Node.js](https://www.nodejs.org/)\n* [Express.js](https://www.expressjs.com/)\n* [MongoDB](https://www.mongodb.com/cloud/atlas/)\n* [Docker](https://www.docker.com/)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Getting Started\n\nTo get started with this project locally, follow below steps:\n\n### Prerequisites\n\nMake sure you have Docker, Node.js, and package manager (either npm or yarn) installed\n\n\u003e**FYI**: This project uses **yarn** as the package manager, but you're free to use **npm** too.\n\n### Installation\n\nBelow steps will guide you through the local installation process of this application\n\n1. Clone the repo\n   ```\n   git clone https://github.com/blesten/social-media.git\n   ```\n2. Complete the .env variable at /server directory\nRename .env.example file at ```/config``` directory become ```.env```, then fill the value for every key. Below is the guideline for filling the .env value:\u003cbr/\u003e\n    | Key | What to Fill | Example Value |\n    | :---: | :---: | :---: |\n    | PORT | Your server port | 5000 |\n    | CLIENT_URL | Your client URL | http://localhost:3000 |\n    | MONGO_URL | Your MongoDB connection URL | mongodb+srv://username:password@main.14znatw.mongodb.net/DBName?retryWrites=true\u0026w=majority |\n    | ACCESS_TOKEN_SECRET | Your JWT access token secret | NzeWG39JJNWASRKTeM85Ki77yZbdXZapvfIfepxz7d2WG |\n    | REFRESH_TOKEN_SECRET | Your JWT refresh token secret | KS3VuMkQkGzzQ5BhMyxgpGV2xelxR7B7UummWAG5r5c |\n    | MAIL_CLIENT_ID | Your mail client ID | 2678-dfs.apps.googleusercontent.com |\n    | MAIL_CLIENT_SECRET | Your mail client secret | GOCSPX-Jj03432-fdsjfdfdkLO |\n    | MAIL_REFRESH_TOKEN | Your mail refresh token | 1//020FT6IlI |\n    | SENDER_MAIL_ADDRESS | Your email address to send email | test@testmail.com |\n3. Complete the key.ts variabel at /client directory\nRename key.example.ts file at ```/config``` directory become ```key.ts```, then fill the value for every key. Below is the guideline for filling the key.ts value:\u003cbr/\u003e\n    | Key | What to Fill | Example Value |\n    | :---: | :---: | :---: |\n    | CLOUDINARY_POSTS_FOLDER_ID | Your \u003ca href=\"https://www.cloudinary.com/\"\u003eCloudinary\u003c/a\u003e \"products\" folder ID for this project | abcdefgh |\n    | CLOUDINARY_USERS_FOLDER_ID | Your \u003ca href=\"https://www.cloudinary.com/\"\u003eCloudinary\u003c/a\u003e \"users\" folder ID for this project | abcdefgh |\n    | CLOUDINARY_CLOUD_NAME | Your \u003ca href=\"https://www.cloudinary.com/\"\u003eCloudinary\u003c/a\u003e cloud name | abcd8efgh |\n4. Go to ```docker-compose.yml``` at root directory and replace the ```ports``` value at the ```server``` section to the port value at yout .env file. For example, your PORT value at .env is 5000, so the ```ports``` value at the docker-compose.yml is ```5000:5000```\n5. Go to ```package.json``` at ```/client``` directory and replace the ```proxy``` port to the port value at your .env file. For example, your PORT value at .env is 5000, so the ```proxy``` value is ```http://server:5000```\n6. Open your terminal, and ```cd``` to the root directory, then run ```docker-compose build``` command\n7. Lastly, run ```docker-compose up``` command at your terminal to start the application\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Contributing\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Contact\n\nLinkedIn: [Stanley Claudius](https://www.linkedin.com/in/stanleyclaudius)\n\nProject Link: [https://github.com/blesten/social-media](https://github.com/blesten/social-media)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n## Acknowledgments\n\nSpecial thanks to:\n\n* [Othneildrew](https://github.com/othneildrew/) for providing an amazing README template.\n* [Tailwind CSS](https://tailwindcss.com) for providing CSS framework to be used in this application.\n* [React Icons](https://react-icons.github.io/react-icons/) for providing icon to be used in this application.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n[forks-shield]: https://img.shields.io/github/forks/blesten/social-media.svg?style=for-the-badge\n[forks-url]: https://github.com/blesten/social-media/network/members\n[stars-shield]: https://img.shields.io/github/stars/blesten/social-media.svg?style=for-the-badge\n[stars-url]: https://github.com/blesten/social-media/stargazers\n[issues-shield]: https://img.shields.io/github/issues/blesten/social-media.svg?style=for-the-badge\n[issues-url]: https://github.com/blesten/social-media/issues\n[license-shield]: https://img.shields.io/github/license/blesten/social-media.svg?style=for-the-badge\n[license-url]: https://github.com/blesten/social-media/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/stanleyclaudius","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblesten%2Fsocial-media","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblesten%2Fsocial-media","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblesten%2Fsocial-media/lists"}