Llama3-ChatBot

This project is an epic, minimalist chatbot interface inspired by Claude, Google's Gemini, and ChatGPT. The interface is clean and modern, utilizing Google Fonts for a sleek and professional look. The chat window dominates the center of the screen with rounded edges and a slight drop shadow for depth.

Deployment

• The current version is also deployed using vercel for testing and various other purposes. llama3chat

Features

• Full-screen, responsive design
• Soft color palette with whites and light grays, accented with subtle blues
• Prominent input box with a send button
• Collapsible side panel for navigation
• Header with chatbot name and minimalistic icons for settings and notifications
• Utilizes Google Fonts for a professional look

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/minimalist-chatbot-interface.git

2. Navigate to the project directory:

   cd minimalist-chatbot-interface

3. Install the dependencies:

   npm install

Usage

1. Compile the SCSS to CSS:

   npm run sass

2. Start the development server:

   npm run dev

3. Open your browser and navigate to http://localhost:3000

Deployment

1. Ensure all changes are committed and pushed to your repository:

   
   git add .
   git commit -m "Ready for deployment"
   git push
               

2. Deploy to Vercel:
   1. Log in to your Vercel account.
   2. Import your GitHub repository to Vercel.
   3. Set environment variables in Vercel dashboard:
      • HUGGINGFACE_API_TOKEN: your-huggingface-api-token
   4. Click "Deploy" to deploy your project.

Project Structure

project/
├── api/
│   └── inference.py
├── pages/
│   └── _app.js
│   └── index.js
├── public/
│   └── styles/
│       ├── main.css
│       └── main.scss
├── .env
├── .gitignore
├── package.json
└── vercel.json
    

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for review.

License

This project is licensed under the MIT License.