qourman/Tachkila-Tech

A digital platform empowering artisans in Southern Morocco to transform traditional crafts into digital designs using AI. This platform bridges heritage and innovation by enabling craftspeople and youth in Southern Morocco to preserve the artistic identity of the Sahara while embracing digital inclusion and entrepreneurship. # Tachkila Tech A digital platform empowering artisans in Southern Morocco to transform traditional crafts into digital designs using AI. This platform bridges heritage and innovation by enabling craftspeople and youth in Southern Morocco to preserve the artistic identity of the Sahara while embracing digital inclusion and entrepreneurship. ## 🌟 Features - **AI-Powered Design Transformation**: Upload images of traditional crafts and transform them into modern digital designs using DALL-E 3 - **Learning Platform**: Access video tutorials on Canva, Figma, Photoshop, and more, from beginner to advanced levels - **Community Gallery**: Share and discover digital designs created by artisans across Southern Morocco - **Interactive Chatbot**: Get guidance and support from an AI assistant specialized in Moroccan Sahara heritage - **User Dashboard**: Track your learning progress, completed courses, and design creations ## 🚀 Getting Started ### Prerequisites - Node.js 18+ and npm (or yarn/pnpm) - OpenAI API key (Get one here) ### Installation 1. Clone the repository: ```bash git clone cd tachkila-tech ``` 2. Install dependencies: ```bash npm install ``` 3. Create a `.env` file in the root directory: ```env VITE_OPENAI_API_KEY=your_openai_api_key_here ``` You can copy the example file: ```bash # Create .env file with the following content: echo "VITE_OPENAI_API_KEY=your_openai_api_key_here" > .env ``` **Important**: Replace `your_openai_api_key_here` with your actual OpenAI API key. Get your API key from OpenAI Platform. 4. Start the development server: ```bash npm run dev ``` The application will be available at `localhost` ## 🛠️ Tech Stack - **Frontend Framework**: React 18 with TypeScript - **Build Tool**: Vite - **UI Components**: shadcn/ui (Radix UI + Tailwind CSS) - **Routing**: React Router v6 - **State Management**: React Context API - **AI Integration**: OpenAI API (GPT-4, DALL-E 3, GPT-4 Vision) - **Styling**: Tailwind CSS ## 📁 Project Str …