AskGio is a smart AI chatbot built with Next.js, React, and OpenAI's API. It provides a friendly interface for users to interact with an AI assistant.
- AI-Powered Chat: Communicate with an AI assistant for information, advice, or casual conversation.
- Responsive Design: Optimized for both desktop and mobile devices.
- Dark Mode: Toggle between light and dark themes using the
ThemeTogglecomponent. - Persistent Chat History: Chat history is saved locally in the browser.
- Typing Indicator: Displays a typing indicator when the AI is processing a response.
- Frontend: Next.js, React, Tailwind CSS
- Backend: OpenAI API
- State Management: React Hooks
- Styling: Tailwind CSS
- UI Components: Radix UI, Lucide React
-
Clone the repository:
git clone https://github.com/GIOVESS/AskGio.git cd AskGio -
Install dependencies:
pnpm install pip install -r requirements.txt
-
Set up environment variables: Create a
.envfile in the root directory and add your OpenAI API key:DEEPINFRA_API_KEY=your_api_key_here
-
Run the development server:
pnpm dev
-
Open the app in your browser:
http://localhost:3000
AskGio can be deployed to platforms like Vercel or Netlify. Ensure the environment variables are configured in the deployment settings.
app/: Contains the main application files, includinglayout.tsx,page.tsx, and global styles.components/: Includes reusable components such asThemeToggle,TypingIndicator, and UI elements.hooks/: Custom React hooks for managing state and logic.lib/: Utility functions and helpers.public/: Static assets like images and fonts.styles/: Additional CSS files for styling.
ThemeToggle: Allows users to switch between light and dark themes.TypingIndicator: Displays a typing animation while the AI processes a response.ScrollArea: Custom scrollable area for chat history.
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.