{"id":19681405,"url":"https://github.com/mejia-dev/mernchatapp","last_synced_at":"2026-04-01T17:13:42.885Z","repository":{"id":229883462,"uuid":"777904741","full_name":"mejia-dev/mernchatapp","owner":"mejia-dev","description":"Full stack chat application! MERN Stack + Vite, TypeScript, \u0026 Tailwind!","archived":false,"fork":false,"pushed_at":"2024-04-01T23:14:09.000Z","size":116,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-28T01:30:13.367Z","etag":null,"topics":["chat","chat-application","expressjs","mern","mern-stack","mongodb","nodejs","react","tailwindcss","typescript","vite"],"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/mejia-dev.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}},"created_at":"2024-03-26T18:09:32.000Z","updated_at":"2025-01-02T18:43:46.000Z","dependencies_parsed_at":"2024-04-02T00:23:56.060Z","dependency_job_id":null,"html_url":"https://github.com/mejia-dev/mernchatapp","commit_stats":null,"previous_names":["mejia-dev/mernchatapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mejia-dev/mernchatapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mejia-dev%2Fmernchatapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mejia-dev%2Fmernchatapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mejia-dev%2Fmernchatapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mejia-dev%2Fmernchatapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mejia-dev","download_url":"https://codeload.github.com/mejia-dev/mernchatapp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mejia-dev%2Fmernchatapp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31290538,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T13:12:26.723Z","status":"ssl_error","status_checked_at":"2026-04-01T13:12:25.102Z","response_time":53,"last_error":"SSL_read: 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":["chat","chat-application","expressjs","mern","mern-stack","mongodb","nodejs","react","tailwindcss","typescript","vite"],"created_at":"2024-11-11T18:07:45.199Z","updated_at":"2026-04-01T17:13:42.869Z","avatar_url":"https://github.com/mejia-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MERN Stack Chat Application\n\n## What is a MERN stack?\nA MERN stack is comprised of the following technologies that can be used to create a full-stack web application:\n- [**M**ongoDb](https://www.mongodb.com/)\n- [**E**xpressJS](https://expressjs.com/)\n- [**R**eactJS](https://react.dev/)\n- [**N**odeJS](https://nodejs.org/)\n\n#### Additional Technologies Used:\n- [Vite](https://vitejs.dev/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n\n\n## Description\nThis project provides user login / logout functionality, account creation, and real time messaging using websockets.\n\n#### Additional features:\n* Intuitive UI design.\n* Autoscroll to the bottom of the page for long chats\n* Status indicators for when a user is online or offline\n* Easily scalable NoSQL database structure.\n\nMore information autogenerated by Vite can be found below in the \"More Vite Information\" section.\n\n## Setup/Installation Requirements\n\n* Clone this repository by running the following command from the Git Bash console:\n  ```bash\n   git clone https://github.com/mejia-dev/mernchatapp.git\n   ```\n\n* Navigate to the project directory, then to the `api` subdirectory:\n  ```bash\n  cd mernchatapp/api\n  ```\n\n* Create a new file called `.env`:\n  ```bash\n  touch .env\n  ```\n\n* Create a new MongoDB database (refer to the [official documentation](https://www.mongodb.com/docs/atlas/create-database-deployment/) if needed). \n\n\n* Add the deployment URL (starting with `mongodb+srv://`) into the `.env` file in the following format, replacing `YOUR_URL_HERE` with the url:\n  ```txt\n  MONGO_URL= \"YOUR_URL_HERE\"\n  ```\n\n* Next specify two more keys in `.env`. \n  * The JWT_SECRET must be a secret key for the JWT generation. This can be set to anything. \n  * The CLIENT_URL must be set to the server address that connections will be made from. The default should be `http://localhost:5173`.\n  ```txt\n  MONGO_URL = \"mongodb+srv://mernchat:slidfjalsdi@cluster0.aslidjf.mongodb.net/?retryWrites=true\u0026w=majority\u0026appName=Cluster0\"\n  JWT_SECRET=\"YOUR_SECRET_KEY\"\n  CLIENT_URL=\"http://localhost:5173\"\n  ```\n\n* Run the following command to install dependencies:\n  ```bash\n  npm install\n  ```\n\n* Once the dependencies install, run the following command to start the backend API:\n  ```bash\n  node index.js\n  ```\n\n* Leave the terminal open, then start another terminal in the project directory to navigate to the `client` folder and run the start command to run the live development server:\n  * ```bash\n    cd mernchatapp/client\n    ```\n  * ```bash\n    npm run start\n    ```\n\nTo generate a built version of the application, use `npm run build`.\n\n## Known Bugs\n\n* none\n\n## License\n\nMIT License\n\nCopyright (c) 2024 Aaron Mejia\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n## More Vite Information:\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend updating the configuration to enable type aware lint rules:\n\n- Configure the top-level `parserOptions` property like this:\n\n```js\nexport default {\n  // other rules...\n  parserOptions: {\n    ecmaVersion: 'latest',\n    sourceType: 'module',\n    project: ['./tsconfig.json', './tsconfig.node.json'],\n    tsconfigRootDir: __dirname,\n  },\n}\n```\n\n- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`\n- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`\n- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` \u0026 `plugin:react/jsx-runtime` to the `extends` list\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmejia-dev%2Fmernchatapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmejia-dev%2Fmernchatapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmejia-dev%2Fmernchatapp/lists"}