Category: AI Prativa – Front End Designing


  • AI Prativa – Adding Use Cases To A Category

    Adding Use Case To A Category import { Category } from '@/types'; export const categories: Category[] = [ // … other categories … { id: '9', name: 'Agriculture', slug: 'agriculture', description: 'AI for crop monitoring, yield prediction, and smart farming', icon: '๐ŸŒพ', color: '#84cc16', useCases: [ { id: 'ag-1', name: 'Smart Farming Assistant', slug: 'smart-farming-assistant', // ← Add slug description: 'AI-powered chatbot that helps farmers with crop advice, season information, and farming techniques using voice and text interactions', codeLink: 'https://github.com/yourusername/smart-farming-assistant', }, { id: 'ag-2', name: 'Crop Yield Prediction', slug: 'crop-yield-prediction', description: 'Predict crop yields based on weather patterns, soil conditions,

    Read More

  • AI Prativa – Running Next.js Project

    Next.JS Project Running npm run dev http://localhost:3000

    Read More

  • AI Prativa – Next.JS Project Folder Structure Setup

    Next.JS Project Folder Structure Setup ai-prativa-dashboard/ โ”‚ โ”œโ”€โ”€ public/ โ”‚ โ””โ”€โ”€ icons/ โ”‚ โ”œโ”€โ”€ logo.svg โ”‚ โ””โ”€โ”€ categories/ โ”‚ โ”œโ”€โ”€ healthcare.svg โ”‚ โ”œโ”€โ”€ finance.svg โ”‚ โ”œโ”€โ”€ ecommerce.svg โ”‚ โ”œโ”€โ”€ education.svg โ”‚ โ”œโ”€โ”€ customer-service.svg โ”‚ โ”œโ”€โ”€ transportation.svg โ”‚ โ”œโ”€โ”€ manufacturing.svg โ”‚ โ”œโ”€โ”€ real-estate.svg โ”‚ โ”œโ”€โ”€ agriculture.svg โ”‚ โ”œโ”€โ”€ energy.svg โ”‚ โ”œโ”€โ”€ entertainment.svg โ”‚ โ”œโ”€โ”€ legal.svg โ”‚ โ”œโ”€โ”€ human-resources.svg โ”‚ โ”œโ”€โ”€ hospitality.svg โ”‚ โ”œโ”€โ”€ gaming.svg โ”‚ โ”œโ”€โ”€ cybersecurity.svg โ”‚ โ”œโ”€โ”€ supply-chain.svg โ”‚ โ””โ”€โ”€ retail.svg โ”‚ โ”œโ”€โ”€ src/ โ”‚ โ”œโ”€โ”€ app/ โ”‚ โ”‚ โ”œโ”€โ”€ layout.tsx # Common layout (sidebar + header) for ALL pages โ”‚ โ”‚ โ”œโ”€โ”€ page.tsx # Dashboard page (shows all

    Read More

  • AI Prativa – Next.JS Project Creation

    AI Prativa – Next.JS Project Creation

    Next.JS Project Setup Phase-1: Project Initialization #1 Create new Next.js project with TypeScript and Tailwind CSS npx create-next-app@latest ai-prativa – typescript – tailwind – eslint – app – src-dir #2 Navigate to project directory cd ai-prativa #3 Install required dependencies npm install lucide-react framer-motion zustand @radix-ui/react-dialog @radix-ui/react-dropdown-menu npm install @radix-ui/react-avatar @radix-ui/react-separator clsx tailwind-merge npm install react-hot-toast next-themes #4 Initial Project Structure

    Read More

  • AI Prativa – Front End Designing

    AI Prativa – Front End Designing

    AI Prativa – Next.JS Project Creation admin January 6, 2026 AI Prativa – Front End Designing Read More AI Prativa – Next.JS Project Folder Structure Setup admin January 6, 2026 AI Prativa – Front End Designing Read More AI Prativa – Running Next.js Project admin January 7, 2026 AI Prativa – Front End Designing Read More

    Read More