A modern, minimalistic chatbot interface with Google OAuth authentication.
- Sleek, Apple-inspired dark mode UI
- Google OAuth authentication
- Multiple AI agents for different tasks
- Responsive design for desktop and mobile
- Modern animations and transitions
Follow these steps to set up Google OAuth for authentication:
- See the detailed instructions in oauth-setup-guide.md
- Create a project in the Google API Console
- Set up OAuth credentials for a web application
- Add
http://localhost:8000to authorized JavaScript origins
- Copy
config.sample.jstoconfig.js - Update
config.jswith your Google OAuth client ID:
const config = {
googleClientId: "YOUR_CLIENT_ID_HERE.apps.googleusercontent.com"
};-
Start a local web server in the project directory:
python -m http.server -
Open your browser and navigate to:
- Landing page: http://localhost:8000/landing.html
- Chat interface (requires authentication): http://localhost:8000/index.html
- The
config.jsfile contains sensitive credentials and is excluded from git version control - In a production environment, you should implement server-side validation of authentication tokens
- For a real application, consider adding backend APIs and proper security measures
Feel free to use and modify this code for personal or commercial projects.