{"id":22887063,"url":"https://github.com/12pavani/fullstack_ai_app","last_synced_at":"2026-05-01T18:32:25.782Z","repository":{"id":265766774,"uuid":"890137146","full_name":"12pavani/fullstack_ai_app","owner":"12pavani","description":"ThinkAI is a web app powered by OpenAI's GPT-3.5 for real-time question-answering. Built with React.js on the frontend and FastAPI on the backend, it allows users to ask questions and get accurate AI-generated responses instantly.","archived":false,"fork":false,"pushed_at":"2024-11-30T20:52:23.000Z","size":155,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-05T11:40:32.543Z","etag":null,"topics":["fastapi","gpt-3-5","openai","reactjs"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/12pavani.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":"2024-11-18T03:44:53.000Z","updated_at":"2024-11-30T20:52:26.000Z","dependencies_parsed_at":"2024-11-30T21:22:46.207Z","dependency_job_id":"83d6f160-d4b0-402c-ab7d-d691f3c75861","html_url":"https://github.com/12pavani/fullstack_ai_app","commit_stats":null,"previous_names":["12pavani/fullstack_ai_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/12pavani/fullstack_ai_app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12pavani%2Ffullstack_ai_app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12pavani%2Ffullstack_ai_app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12pavani%2Ffullstack_ai_app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12pavani%2Ffullstack_ai_app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/12pavani","download_url":"https://codeload.github.com/12pavani/fullstack_ai_app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12pavani%2Ffullstack_ai_app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32508901,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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","gpt-3-5","openai","reactjs"],"created_at":"2024-12-13T20:29:27.744Z","updated_at":"2026-05-01T18:32:25.754Z","avatar_url":"https://github.com/12pavani.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003ch1\u003e🚀 ThinkAI: Your AI-Powered Question-Answering System\u003c/h1\u003e\n\n\u003cp\u003eThinkAI is an intelligent question-answering system powered by OpenAI's GPT-3.5 model. Users can ask questions, and the AI responds with accurate and relevant answers in real time. This web application leverages \u003cstrong\u003eReact.js\u003c/strong\u003e for the frontend and \u003cstrong\u003eFastAPI\u003c/strong\u003e with the \u003cstrong\u003eOpenAI API\u003c/strong\u003e for the backend.\u003c/p\u003e\n\n\u003ch2\u003e✨ Features\u003c/h2\u003e\n\n\u003ch3\u003eReal-time Question-Answering\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eAsk any question, and get instant, relevant answers powered by GPT-3.5\u003c/li\u003e\n    \u003cli\u003eInteractive user interface for seamless interaction\u003c/li\u003e\n    \u003cli\u003eInstantaneous responses for any query\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eUser Interface\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eSimple and user-friendly design\u003c/li\u003e\n    \u003cli\u003eResponsive layout optimized for desktops, tablets, and mobile devices\u003c/li\u003e\n    \u003cli\u003eReal-time updates of user questions and AI responses\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e🛠️ Tech Stack\u003c/h2\u003e\n\n\u003ch3\u003eBackend\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eFastAPI\u003c/li\u003e\n    \u003cli\u003eOpenAI GPT-3.5 API\u003c/li\u003e\n    \u003cli\u003ePython 3.8+\u003c/li\u003e\n    \u003cli\u003eCORS enabled for cross-origin requests\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eFrontend\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eReact.js\u003c/li\u003e\n    \u003cli\u003eReact Router for navigation\u003c/li\u003e\n    \u003cli\u003eContext API for state management\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e💻 Components Structure\u003c/h2\u003e\n\n\u003ch3\u003eFrontend Components\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e- App.js            // Main React component\n- App.css           // Styles for the frontend\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch3\u003eBackend Components\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e- main.py          // FastAPI backend entry point\u003c/code\u003e\u003c/pre\u003e\n\n\n\u003ch2\u003e🚀 Local Development Setup\u003c/h2\u003e\n\n\u003ch3\u003eBackend Setup\u003c/h3\u003e\n\n![Backend](back-end.png)\n\n1. Clone the repository\n\u003cpre\u003e\u003ccode\u003egit clone https://github.com/yourusername/thinkai.git\ncd thinkai\u003c/code\u003e\u003c/pre\u003e\n\n2. Create a virtual environment\n\u003cpre\u003e\u003ccode\u003epython -m venv venv\nsource venv/bin/activate  # For Windows: venv\\Scripts\\activate\u003c/code\u003e\u003c/pre\u003e\n\n3. Install dependencies\n\u003cpre\u003e\u003ccode\u003epip install -r requirements.txt\u003c/code\u003e\u003c/pre\u003e\n\n4. Set up environment variables (.env)\n\u003cpre\u003e\u003ccode\u003eOPENAI_API_KEY=your-openai-api-key-here\u003c/code\u003e\u003c/pre\u003e\n\n5. Run the backend server\n\u003cpre\u003e\u003ccode\u003euvicorn main:app --reload\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch3\u003eFrontend Setup\u003c/h3\u003e\n\n![Backend](front-end.png)\n\n1. Navigate to the frontend directory\n\u003cpre\u003e\u003ccode\u003ecd frontend\u003c/code\u003e\u003c/pre\u003e\n\n2. Install dependencies\n\u003cpre\u003e\u003ccode\u003enpm install\u003c/code\u003e\u003c/pre\u003e\n\n3. Set up environment variables (.env)\n\u003cpre\u003e\u003ccode\u003eREACT_APP_API_URL=http://localhost:8000\u003c/code\u003e\u003c/pre\u003e\n\n4. Start the frontend server\n\u003cpre\u003e\u003ccode\u003enpm start\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch2\u003e📡 API Endpoints\u003c/h2\u003e\n\n\u003ch3\u003eQuestion-Answering\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003ePOST /ask             - Send a question to the AI for an answer\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch2\u003e🔄 Example Usage\u003c/h2\u003e\n\u003cpre\u003e\u003ccode\u003e// Example of sending a question from the frontend\nconst response = await fetch(${process.env.REACT_APP_API_URL}/ask, {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify({ question: 'What is React.js?' })\n});\n\nconst data = await response.json();\nconsole.log(data.answer); // Logs the AI-generated answer\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch2\u003e🚀 Deployment\u003c/h2\u003e\n\n\u003ch3\u003eBackend Deployment\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003eCreate a new Web Service on Render or your preferred platform\u003c/li\u003e\n    \u003cli\u003eSet the environment variable for OpenAI API key\u003c/li\u003e\n    \u003cli\u003eDeploy the backend service with FastAPI and Uvicorn\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch3\u003eFrontend Deployment\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003eDeploy the frontend on platforms like Render, Netlify, or Vercel\u003c/li\u003e\n    \u003cli\u003eConnect the deployed frontend to the backend API\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003e🔐 Security Features\u003c/h2\u003e\n\u003cul\u003e\n    \u003cli\u003eEnvironment variables for API keys\u003c/li\u003e\n    \u003cli\u003eCross-origin resource sharing (CORS) protection\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e🐛 Troubleshooting\u003c/h2\u003e\nCommon issues and solutions:\n\u003cul\u003e\n    \u003cli\u003eAPI errors: Verify your OpenAI API key and network connection\u003c/li\u003e\n    \u003cli\u003eCORS issues: Ensure your frontend URL is allowed in the backend CORS settings\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e📱 Responsive Design\u003c/h2\u003e\nThe application is fully responsive and tested on:\n\u003cul\u003e\n    \u003cli\u003eDesktop (1200px+)\u003c/li\u003e\n    \u003cli\u003eTablet (768px - 1199px)\u003c/li\u003e\n    \u003cli\u003eMobile (320px - 767px)\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e🤝 Contributing\u003c/h2\u003e\n\u003col\u003e\n    \u003cli\u003eFork the repository\u003c/li\u003e\n    \u003cli\u003eCreate a feature branch\u003c/li\u003e\n    \u003cli\u003eCommit your changes\u003c/li\u003e\n    \u003cli\u003ePush your branch\u003c/li\u003e\n    \u003cli\u003eCreate a Pull Request\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003e📄 License\u003c/h2\u003e\n\u003cp\u003eThis project is licensed under the MIT License.\u003c/p\u003e\n\n\u003cp\u003eMade with ❤️ by Vislavath Pavani\u003c/p\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F12pavani%2Ffullstack_ai_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F12pavani%2Ffullstack_ai_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F12pavani%2Ffullstack_ai_app/lists"}