AskMe is an AI-powered chatbot web application inspired by Google's Gemini interface. The project focuses on providing a clean conversational experience where users can interact with an AI assistant through text and voice inputs. Built using React and Tailwind CSS, the application offers a modern UI, responsive design, and contextual conversation support.
The goal of AskMe is to create a lightweight and user-friendly AI chat platform capable of handling everyday queries, brainstorming sessions, coding assistance, research tasks, and creative content generation. The application integrates with Gemini APIs to generate intelligent responses while maintaining a seamless user experience.
- AI-powered conversational interface
- Context-aware responses using Gemini API
- Voice input through microphone integration
- Chat history management
- Dark and Light theme support
- Responsive design for desktop and mobile devices
- Authentication modal ready for backend integration
- Clean and intuitive user interface
- React.js
- Tailwind CSS
- JavaScript
- Vite
- Gemini API
askme-app/
├── public/
├── src/
├── index.html
├── package.json
├── vite.config.js
├── tailwind.config.js
└── README.mdClone the repository:
git clone https://github.com/Supreet37/Gemini-clone.gitNavigate to the project directory:
cd Gemini-clone/askme-appInstall dependencies:
npm installCreate a .env file and add your Gemini API key:
VITE_GEMINI_API_KEY=YOUR_API_KEYStart the development server:
npm run devAskMe can be used for:
- General question answering
- Programming and debugging assistance
- Research and learning
- Content generation
- Idea brainstorming
- Productivity support
- Educational assistance
- Multi-language support
- Image generation capabilities
- File upload and analysis
- User authentication and profiles
- Cloud chat synchronization
- Text-to-speech responses
- Progressive Web App support
Supreet Mohapatra
GitHub: https://github.com/Supreet37
This project is open source and available under the MIT License.