{"id":23884756,"url":"https://github.com/lancaluis/mysailer-chat","last_synced_at":"2026-04-12T00:02:03.106Z","repository":{"id":270788523,"uuid":"911459289","full_name":"lancaluis/mysailer-chat","owner":"lancaluis","description":"A real-time chat application made with Python + Websocket and React.js","archived":false,"fork":false,"pushed_at":"2025-01-03T21:35:06.000Z","size":67,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-23T01:44:31.393Z","etag":null,"topics":["fastapi","framer-motion","python","reactjs","shadcn-ui","typescript","vite","websocket"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/lancaluis.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":"2025-01-03T04:23:50.000Z","updated_at":"2025-01-03T21:46:22.000Z","dependencies_parsed_at":"2025-01-03T22:04:20.703Z","dependency_job_id":null,"html_url":"https://github.com/lancaluis/mysailer-chat","commit_stats":null,"previous_names":["lancaluis/mysailer-chat"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lancaluis/mysailer-chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lancaluis%2Fmysailer-chat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lancaluis%2Fmysailer-chat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lancaluis%2Fmysailer-chat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lancaluis%2Fmysailer-chat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lancaluis","download_url":"https://codeload.github.com/lancaluis/mysailer-chat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lancaluis%2Fmysailer-chat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31699438,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"ssl_error","status_checked_at":"2026-04-11T21:17:24.556Z","response_time":54,"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":["fastapi","framer-motion","python","reactjs","shadcn-ui","typescript","vite","websocket"],"created_at":"2025-01-04T03:17:59.271Z","updated_at":"2026-04-12T00:02:03.095Z","avatar_url":"https://github.com/lancaluis.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# My Sailer Chat ⛵\n\nMy Sailer Chat is a real-time chat application designed to be simple, efficient, and functional. This project consumes a Python API that utilizes REST and WebSocket for communication between the client and server. With a lightweight design and a smooth experience, it was built using modern technologies that were carefully chosen to ensure robustness and code readability.\n\n## 🛠️ How to Run the Project?\n\n1. Install [Docker](https://www.docker.com/) on your system.\n2. Clone this repository:\n   ```bash\n   git clone \u003crepository-url\u003e\n   cd \u003crepository-folder\u003e\n   ```\n\n3. Make sure you have Docker Compose installed.\n\n### Build and Run with Docker Compose\n\n1. In the project folder, where the `docker-compose.yml` file is located, run the following command to build and start the containers for both the front-end and back-end:\n   ```bash\n   docker-compose up --build\n   ```\n\n2. The client side of the application will be available at `http://localhost:5173`, and the server (API) will be available at `http://localhost:8000`.\n\n## 🚀 Technologies Used\n\n### React + Vite + TypeScript\n- **React**: Chosen for its flexibility and strong component ecosystem. Server-side rendering (like in Next.js) was not required as the application is simple.\n- **Vite**: Selected for being fast and optimized for modern projects, reducing build time.\n- **TypeScript**: Used to add type safety to the code, ensure built-in documentation, and prevent runtime errors that could break the application.\n\n### Shadcdn UI\nAccessible, lightweight, and customizable components, enabling agile development and creating a beautiful interface.\n\n### Framer Motion\nUsed for simple and intuitive animations, providing fluidity to the interface without compromising code readability.\n\n### Zustand\nChosen for state management due to its simplicity and clarity, avoiding the complexity of Redux or the verbosity of Context API.\n\n### FetchAPI\nSelected for making REST requests due to its simplicity, as there was no need for caching or more complex solutions.\n\n## 🔧 Notes\n\nThis project was a technical test for an interview. The backend was not developed by me; I was responsible for creating the front-end and the Docker configuration.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flancaluis%2Fmysailer-chat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flancaluis%2Fmysailer-chat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flancaluis%2Fmysailer-chat/lists"}