{"id":25234341,"url":"https://github.com/paulosned/chatbot-assignment","last_synced_at":"2026-04-10T13:32:22.433Z","repository":{"id":268265931,"uuid":"903688065","full_name":"PaulosNed/chatbot-assignment","owner":"PaulosNed","description":"This repository contains the frontend code for the task assessment given as part of a recruitment process for Adomant Code. The objective was to create a chatbot interface where users can interact with an AI chatbot, simulating a basic chat environment like ChatGPT.","archived":false,"fork":false,"pushed_at":"2024-12-18T19:23:59.000Z","size":2902,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-02T02:50:21.654Z","etag":null,"topics":["nextjs","rtk-query","vercel"],"latest_commit_sha":null,"homepage":"https://chatbot-assignment-pi.vercel.app","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/PaulosNed.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,"zenodo":null}},"created_at":"2024-12-15T09:43:10.000Z","updated_at":"2024-12-20T03:19:41.000Z","dependencies_parsed_at":"2025-08-02T02:47:54.153Z","dependency_job_id":null,"html_url":"https://github.com/PaulosNed/chatbot-assignment","commit_stats":null,"previous_names":["paulosned/chatbot-assignment"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PaulosNed/chatbot-assignment","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulosNed%2Fchatbot-assignment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulosNed%2Fchatbot-assignment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulosNed%2Fchatbot-assignment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulosNed%2Fchatbot-assignment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PaulosNed","download_url":"https://codeload.github.com/PaulosNed/chatbot-assignment/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulosNed%2Fchatbot-assignment/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31645284,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"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":["nextjs","rtk-query","vercel"],"created_at":"2025-02-11T13:59:22.556Z","updated_at":"2026-04-10T13:32:22.408Z","avatar_url":"https://github.com/PaulosNed.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chatbot UI - Adomant Code Assessment\n\nThis repository contains the frontend code for the task assessment given as part of a recruitment process for **Adomant Code**. The objective was to create a chatbot interface where users can interact with an AI chatbot, simulating a basic chat environment like ChatGPT. This system was built using **Next.js**, **Material UI**, and **TailwindCSS**.\n\n## Overview\n\nThis project implements a chat interface where a user can interact with a chatbot. The interface follows a specific design provided in Figma, and simulates a basic conversation experience. Here are the core features:\n\n- **Chatbot Interaction**: The chatbot starts each new conversation with “How can I help you?”. After each user message, the chatbot responds with a delayed \"This is an AI generated response\" (simulating a real response).\n- **Typing Animation**: A typing animation is displayed during the 2-second delay before the chatbot replies.\n- **Conversation Management**: The chat history, including previous messages, is stored for each conversation and retrieved accordingly.\n\n## Design \u0026 Technologies\n\n- **Frontend Framework**: [Next.js](https://nextjs.org/)\n- **UI Components**: [Material UI](https://mui.com/)\n- **Styling**: [TailwindCSS](https://tailwindcss.com/)\n  \nFigma design used for the interface: [Chatbot UI Design](https://www.figma.com/design/okBhVeSxxw8vKUa1DyaqTr/Full-Stack-Developer-Assignment?node-id=5334-365\u0026t=jql51l6KMUf0UF22-0)\n\n## Installation\n\n### Prerequisites\nBefore running this project, ensure you have Node.js installed on your system.\n\n1. Clone the repository to your local machine:\n   ```bash\n   git clone https://github.com/PaulosNed/chatbot-assignment\n   cd chatbot-assignment\n   ```\n\n2. Install the dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\nOnce the server is running, you can access the project at `http://localhost:3000/`.\n\n### Project Structure\n\n```bash\n├── .next/                 # Next.js build files (generated)\n├── node_modules/          # Project dependencies\n├── public/                # Public assets such as images and fonts\n├── src/                   # Source files\n│   ├── app/               # Application routing and pages\n│   ├── components/        # Reusable components\n│   ├── icons/             # Icon components\n│   ├── provider/          # Context providers for state or auth management\n│   ├── store/             # Redux or state management setup\n│   ├── types/             # TypeScript type definitions\n├── .env.local             # Environment variables for local development\n├── .env.production        # Environment variables for production\n├── .gitignore             # Files and directories ignored by Git\n├── eslint.config.mjs      # ESLint configuration\n├── next-env.d.ts          # TypeScript definition for Next.js\n├── next.config.ts         # Next.js configuration\n├── package-lock.json      # Locked versions of installed dependencies\n├── package.json           # Project metadata and dependency management\n├── postcss.config.mjs     # PostCSS configuration for processing styles\n├── README.md              # Project documentation\n├── tailwind.config.ts     # Tailwind CSS configuration\n├── tsconfig.json          # TypeScript configuration\n\n\n## Reference Documentation\n\nThe assessment documentation can be found [here](https://doc.clickup.com/9015599350/d/h/8cny87p-8095/6a879a0d5f57a2a). The design was based on the Figma file linked [here](https://www.figma.com/design/okBhVeSxxw8vKUa1DyaqTr/Full-Stack-Developer-Assignment?node-id=5334-365\u0026t=jql51l6KMUf0UF22-0).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulosned%2Fchatbot-assignment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaulosned%2Fchatbot-assignment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulosned%2Fchatbot-assignment/lists"}