Hillsview AI

Welcome to the Hillsview AI Dashboard, a sleek, responsive, and interactive user interface built with React, Tailwind CSS, and Framer Motion. This dashboard allows users to create charts, analyze images, interact with AI features, and access recent chart data. It also integrates authentication via Clerk and provides easy navigation for both desktop and mobile users.

🚀 Features

• 🔐 Authentication with Clerk
• 📊 Interactive Dashboard UI with Framer Motion animations
• ⚙️ Sidebar with navigation and chart history
• 💬 Input form for user prompts or queries
• 🧠 AI chat and image analysis features
• 📱 Fully responsive and mobile-friendly
• 🧩 Modular and reusable component structure
• 🌈 Smooth transitions and hover effects

📂 Project Structure

.
├── public/
│   ├── logo.png
│   ├── arrow.png
│   ├── chat.png
│   ├── code.png
│   ├── image.png
├── src/
│   ├── components/
│   │   └── ChartList.jsx
│   ├── pages/
│   │   └── DashboardPage.jsx
│   ├── layouts/
│   │   └── DashboardLayout.jsx
│   ├── App.jsx
│   └── main.jsx
├── tailwind.config.js
├── postcss.config.js
└── README.md

🛠️ Technologies Used

• React
• Tailwind CSS
• Framer Motion
• React Router
• Clerk Authentication
• Vite

📦 Installation

1. Clone the Repository

   git clone https://github.com/JuliusNtale/Chartgpt-AI-App.git
   cd Chartgpt-AI-App.git

2. Install Dependencies

   npm install

3. Run the App

   npm run dev

4. Environment Setup

   • You may need to configure your .env file with Clerk API keys and routing settings depending on your deployment.

📸 Screenshots

(Add screenshots or GIFs of your dashboard here for better visualization.)

📲 Responsive Design

Designed to look great across:

• Mobile devices (iOS Safari included!)
• Tablets
• Desktop browsers

🌐 Deployment

You can deploy this dashboard using platforms like:

• Vercel
• Netlify
• GitHub Pages
• Cloudflare Pages

🙌 Author

Julius Peter Ntale
Founder of Hillsview Production
📸 Photographer | 💻 Software Engineer

📃 License

This project is open-source and available under the MIT License.

---

If you like this project, don’t forget to ⭐ star it on GitHub!

---

Let me know if you want this customized further with your actual repo link, a deployed live link, or specific sections like **Contributing**, **FAQ**, or **Upcoming Features**.