{"id":25186949,"url":"https://github.com/abhishekrawe/chat-ai-model","last_synced_at":"2025-04-04T09:11:41.124Z","repository":{"id":221777920,"uuid":"754289132","full_name":"abhishekrawe/chat-ai-model","owner":"abhishekrawe","description":"chat with ai model , added feedback 📃and ratings ⭐to conversation","archived":false,"fork":false,"pushed_at":"2024-02-10T01:19:32.000Z","size":451,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T19:44:31.471Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/abhishekrawe.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}},"created_at":"2024-02-07T19:03:11.000Z","updated_at":"2024-02-13T15:01:35.000Z","dependencies_parsed_at":"2024-02-10T02:29:17.532Z","dependency_job_id":"5582ff5a-4065-4e97-9805-9de9fe1f30e3","html_url":"https://github.com/abhishekrawe/chat-ai-model","commit_stats":null,"previous_names":["abhishekrawe/chat-ai-model"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhishekrawe%2Fchat-ai-model","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhishekrawe%2Fchat-ai-model/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhishekrawe%2Fchat-ai-model/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhishekrawe%2Fchat-ai-model/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abhishekrawe","download_url":"https://codeload.github.com/abhishekrawe/chat-ai-model/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247149506,"owners_count":20891954,"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":[],"created_at":"2025-02-09T19:44:36.553Z","updated_at":"2025-04-04T09:11:41.108Z","avatar_url":"https://github.com/abhishekrawe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://www.soulhq.ai/assets/soul-ui-logo.webp\" height=\"60\" width=\"60\"/\u003e\n  \u003cp\u003eSoulAI - chat with AI\u003c/p\u003e\n\u003c/div\u003e\n\n# 💙The Problem statement is -\n\n- Implement an application where the user can chat with an AI model. \n- Beyond this, the user should be able to give some feedback at each stage of the conversation\n\n## 🎀 Do you want it on local ?🎀 \n\n1. clone this repository\n- modelbackend\n- modelfrontend\n\n2. **For running the Backend**\n```bash\ncd to modelbackend\nnpm install\nnpm node index.js\n```\n\n3. **For running the Frontend** \n```bash\ncd to modelfrontend\nnpm install\nnpm run start\n```\n4. Ensure the backend server is running before starting the frontend. \n- View the frontend result by opening [http://localhost:3000](http://localhost:3000) in your browser.\n- View the backend result by opening [http://localhost:5000](http://localhost:5000) in your browser.\n\n## 🎊Some Glimpse of the App🎊\n\nhttps://github.com/abhishekrawe/chat-ai-model/assets/65603830/8c7a715f-6e5c-45b4-ab10-ac9dd0c0a89f\n\n## 🍨Reasoning behind your design choices:\n\n- The reasoning behind our design choices stems from the primary goal of creating a user-friendly and intuitive interface like ChatGPT. \nOur homepage features a straightforward layout with a sidebar and a central chat section.\nWe opted for a minimalist design approach to prevent overwhelming users with too many options.\n\n- The past conversation section organizes chats into groups, allowing users to easily navigate through saved conversations. \nWe incorporated a rating system for filtering conversations, enhancing the user experience without cluttering the interface with unnecessary elements.\n\n- Avoiding a tabular structure was a deliberate choice, as it wouldn't complement the conversational nature of the platform. \nInstead, we focus on capturing feedback at the end of each conversation.\n\n## 🌵Reasoning behind your technical choices:\n- I chose React.js for the front end and used Tailwind CSS/Material UI for styling. \nThe back-end is built with Express.js and manages data storage using file system operations.\n- It handles tasks like fetching default responses, saving conversations, and retrieving past conversations via HTTP requests. \n- The React-based front-end allows users to interact with the chat interface, ask questions, get AI responses, give feedback, and rate responses.\nOur goal is to create a user-friendly platform for communicating with AI and storing conversation history.\n\n\n## 🤖Features:\n\n1.\t**User can chat with AI modal**\n2.\t**user can give some feedback at each stage of the conversation**\n3.\t**feedback**\n      - like / dislike - using thumbsup/thumbsdown button\n      - button are hidden and float when the mouse hovers over AI model's\n      - user should able to give ratings out of 5 at the end of conversation\n      - used 5 stars for ratings\n      - user should be able to give subjective feedback\n4.\t**user is done having that conversation, the chat gets saved.**\n5.  **chat can be revisted from the panel on the side/top bar .**\n6.  **another view where the user can see all feedback points across**\n      - conversations and filter them based on rating\n\n7. **Easy to navigate, well-designed, well-commented**\n8. **Use mock the AI model as an API to return a fixed response.**\n9. **mock the APIs as nodejs or any other backend API framework.**\n\n## 🔮Tech stack:\n[ReactJs](https://react.dev/) \n[Tailwind CSS](https://tailwindcss.com/) \n[Material UI](https://mui.com/) \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhishekrawe%2Fchat-ai-model","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabhishekrawe%2Fchat-ai-model","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhishekrawe%2Fchat-ai-model/lists"}