⚠️ Note: This is a prototype demonstrating the core features and user experience of the Kaleido platform.
Kaleido is a modern web platform that empowers artisans to showcase their crafts, tell their stories, and connect with a global audience using AI-driven tools. This prototype demonstrates the core features and user experience of the Kaleido platform.
Live Prototype 🌐 You can view the live prototype here: https://kaleido-prototype-001.vercel.app
Features 🚀
- Artisan Profiles: 👤 Create and manage artisan profiles with images and personal stories.
- Product Upload: 📸 Upload product images and details, including 3D and professional views.
- AI Product Page: 🤖 View AI-generated product images and listen to audio stories.
- Reels (Kalakatha): 🎥 Instagram-style vertical video reels for showcasing artisan processes.
- Modern UI: 🎨 Responsive, visually appealing design using Tailwind CSS and custom styles.
- Navigation: 🧭 Seamless navigation between Home, Artisans, Kalakatha, About, and Product pages.
├── AI-product/
│ ├── aiproduct.html
│ ├── ai.jpg
│ ├── audio.mp3
│ └── stoytelling.png
├── client/
│ ├── product-upload.html
│ ├── final.html
│ ├── ...
├── home/
│ ├── index.html
│ ├── artisans.html
│ ├── kalakatha.html
│ ├── about.html
│ └── ...
├── share-product/
│ └── ...
├── users/
│ └── ...
├── *.png, *.jpg
└── README.md
- HTML5, CSS3 (Tailwind CSS, custom styles)
- JavaScript (GSAP for animation, DOM manipulation)
- Clone the repository:
git clone https://github.com/aad1tyaaaaa/kaleido-prototype.git - Open the project folder in VS Code or your preferred editor.
- Open any
.htmlfile in your browser to explore the prototype.
- Navigate between pages using the navbar.
- Upload products and images via
product-upload.html. - View AI-generated product details in
AI-product/aiproduct.html. - Explore artisan reels in
home/kalakatha.html.
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
This project is for demonstration purposes only.