{"id":22631616,"url":"https://github.com/4x3l3r8/chapchap","last_synced_at":"2026-04-10T04:37:17.324Z","repository":{"id":117929123,"uuid":"528244900","full_name":"4x3l3r8/chapchap","owner":"4x3l3r8","description":"Social Media Application with chat functionalities","archived":false,"fork":false,"pushed_at":"2024-06-26T19:11:55.000Z","size":3560,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"v2","last_synced_at":"2025-02-03T14:13:07.045Z","etag":null,"topics":["axios","context-api","css3","expressjs","mern-stack","mongodb","mongoose","node","react","reactjs","real-time","rest-api","socket-io"],"latest_commit_sha":null,"homepage":"https://chapchap-social.netlify.app/","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/4x3l3r8.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":"2022-08-24T03:02:57.000Z","updated_at":"2025-01-05T19:28:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"c30812cc-8b47-4558-b4dd-640ff9b68737","html_url":"https://github.com/4x3l3r8/chapchap","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/4x3l3r8%2Fchapchap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4x3l3r8%2Fchapchap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4x3l3r8%2Fchapchap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4x3l3r8%2Fchapchap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/4x3l3r8","download_url":"https://codeload.github.com/4x3l3r8/chapchap/tar.gz/refs/heads/v2","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246136448,"owners_count":20729175,"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":["axios","context-api","css3","expressjs","mern-stack","mongodb","mongoose","node","react","reactjs","real-time","rest-api","socket-io"],"created_at":"2024-12-09T02:10:11.969Z","updated_at":"2025-12-30T18:57:17.380Z","avatar_url":"https://github.com/4x3l3r8.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e # ChapChap Social app v2\n\n\u003e -- NB: This project is an assessment for a job, didn't start as so but became so.\n\nThis project was built on MERN stack (Vite React amd Express)\n\n## How to run locally\n\n`Requirements: Node@v16, NPM@v8`\n\nClone the project locally to your system. Open the cloned folder in your code editor of choice and run `npm install` in the root folder and '`client_v2`' folder to install the project dependencies for both frontend and backend.\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm run dev`\n\nRuns the app client and server concurrently in the development mode on ports `:5147` and `:8800` respectively.\\\nsend requests to [http://localhost:port](http://localhost:port) to communicate with API.\n\n### `npm run server`\n\nRuns the app server in the development mode.\\\nsend api requests to [http://localhost:8800/api/](http://localhost:8800/api) to view responses on client side.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm run client`\n\nRuns the app client in the development mode.\\\nsend requests to [http://localhost:5147](http://localhost:5147) to view web app in brower.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\n## Approach\n\nThis project was built as an almost full-fledged social application. Users can follow other users to see their posts, can create and join groups \\\nsee active users and receive messages in real-time. APIs use basic JWT authentication.\nLogic on the frontend are kept in the hooks out of the components as much as possible to avoid duplicating code.(Exceptions were made when it came to dealing with socket connection to avoid loops)\n\nThis project's frontend was started a long time ago using create-react-app and normal CSS for styling but was redeveloped using vite.\n\n\u003e ## - Technologies used\n\n- Frontend\n  - Vite - React\n  - Redux - for state management and data fetching caching and invalidation (since this could potentially be a big project, if not context API and react-query would have sufficed).\n  - React-router-dom for routing\n  - Socket-io for realtime messaging\n  - Chakra-UI for styling.\n- Backend\n\n  - MongoDB for database\n  - Mongoose as ORM\n  - Express.js for server\n  - JWT authentication\n\n  ===== \u003cb\u003eHeads-up: Sometimes you might have to refresh your page after logging it to get see active users(probably due to it timing out or disconnecting, not enough time to troubleshoot)\u003c/b\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cp style=\"text-align: center\"\u003e=======================================================\u003c/p\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003e ## Future Features\n\n- Real-time Notifications\n- Email authentication\n- Location posting\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4x3l3r8%2Fchapchap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F4x3l3r8%2Fchapchap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4x3l3r8%2Fchapchap/lists"}