Intelligent Technology - Premium Industrial Solutions

A modern, full-stack website for Intelligent Technology, a leading provider of premium industrial security and identification solutions in Bangladesh. Built with Next.js 15, React 19, and MongoDB with a comprehensive admin panel for content management.

🌟 Overview

Intelligent Technology specializes in cutting-edge security and identification solutions, offering a comprehensive range of products and services including ID card printers, biometric systems, access control, CCTV surveillance, and fire safety systems.

🏢 Company Information

• Location: House #7 (3rd Floor), Road #4, Mirpur-10, Dhaka-1216, Bangladesh
• Phone: +8801904400202
• Email: info.intechbd@yahoo.com
• Website: https://itecbd.com

🚀 Features

Core Functionality

• Responsive Design: Fully optimized for mobile, tablet, and desktop devices
• Modern UI/UX: Built with Tailwind CSS 4.0 and Framer Motion animations
• SEO Optimized: Integrated with Next.js sitemap generation and meta tags
• Fast Performance: Leveraging Next.js 15.5.7 with Turbopack and React 19
• Advanced Search: Real-time search with preview suggestions across products and blogs
• Multi-language Ready: Internationalization support structure
• Email Integration: Nodemailer integration for contact forms
• Analytics: Vercel Analytics and Speed Insights integration

Public Website Sections

• Homepage: Dynamic hero carousel, company overview, services showcase
• Products: Comprehensive product catalog with categories and filtering
• About Us: Company information, team details, and mission
• Projects: Portfolio of completed projects and case studies
• Blog: Industry insights, news articles, and technical content
• Contact: Multiple contact methods, branch locations, and inquiry forms
• Search: Global search functionality with instant results

🔐 Admin Panel

A comprehensive content management system for managing the entire website:

Dashboard Features

• Overview Statistics: Real-time stats for blogs, products, and authors
• Recent Activity: Quick access to recently added/modified content
• Quick Actions: Direct links to create new content
• Visual Analytics: Stats cards with color-coded metrics

Content Management

• Blog Management

  • Create, edit, and delete blog posts
  • Rich text editor (React Quill) with formatting options
  • Featured image upload and management
  • Category and tag organization
  • Author assignment
  • SEO metadata (title, description, keywords)
  • Publish/draft status control
  • Reading time estimation

• Product Management

  • Complete product CRUD operations
  • Multiple image upload support
  • Category and brand organization
  • Detailed specifications and features
  • Pricing information
  • Stock status management
  • Product variants support
  • SEO optimization fields

• Author Management

  • Author profile creation and editing
  • Bio and social media links
  • Profile picture upload
  • Author statistics

Authentication & Security

• JWT-based Authentication: Secure token-based login system
• Protected Routes: Admin-only access control
• Session Management: Automatic token refresh
• Password Encryption: bcryptjs for secure password hashing

Media Management

• Dedicated Media Server: Separate Express server for file uploads
• Image Optimization: Automatic image processing
• CDN Integration: Support for external media hosting
• File Organization: Structured upload directory system

🛠️ Technology Stack

Frontend Framework

• Next.js 15.5.7 - React framework with App Router and Turbopack
• React 19.1.0 - Latest React with concurrent features
• React DOM 19.1.0 - React rendering

Backend & Database

• MongoDB 8.20.0 - NoSQL database via Mongoose ODM
• Mongoose 8.20.0 - MongoDB object modeling
• Node.js Custom Server - Custom Express-like server setup
• JWT Authentication - Jose 6.1.2 for secure tokens
• bcryptjs 3.0.3 - Password hashing

Styling & Animation

• Tailwind CSS 4.0 - Utility-first CSS framework with @tailwindcss/postcss
• Framer Motion 12.23.24 - Production-ready animations
• Lucide React 0.546.0 - Beautiful icon library
• Custom CSS - Blog content and Quill editor styling

Development Tools

• ESLint 9 - Code linting with Next.js config
• PostCSS - CSS processing
• Next Sitemap 4.2.3 - Automatic sitemap generation
• Turbopack - Ultra-fast bundler for development

Additional Dependencies

• Nodemailer 7.0.10 - Email sending functionality
• React Hot Toast 2.6.0 - Toast notifications
• React Quill New 3.6.0 - Rich text editor
• Vercel Analytics 1.5.0 - Analytics integration
• Vercel Speed Insights 1.2.0 - Performance monitoring
• dotenv 17.2.3 - Environment variable management

Media Server

• Express 4.18.2 - Lightweight web server
• Multer 1.4.5-lts.1 - File upload handling
• CORS 2.8.5 - Cross-origin resource sharing
• dotenv 16.3.1 - Environment configuration

Build Tools

• Archiver 7.0.1 - File compression for deployment
• Basic FTP 5.0.5 - FTP deployment support

📦 Product Categories

🔐 Security Solutions

• ID Card Printers: HiTi, Zebra, Evolis professional printers
• Biometric Attendance: Advanced workforce management systems
• Access Control: Comprehensive security solutions
• CCTV & Surveillance: 24/7 monitoring systems

🛡️ Safety Systems

• Fire Safety & Alarm: Reliable detection and protection
• Interactive Whiteboards: Modern presentation solutions
• Office Automation: Smart office technology

🏭 Partner Brands

• HiTi (Taiwan) - Premium ID card printing solutions
• Zebra (USA) - Enterprise-grade printing technology
• Evolis (France) - Professional card printing systems
• ZKTeco - Biometric and security solutions
• Hikvision - Advanced surveillance technology
• Dahua - Comprehensive security systems
• Panasonic - Quality electronics and solutions

Admin Features

1. Dashboard (/admin)

   • Overview statistics
   • Recent blogs and products
   • Quick action buttons

2. Blog Management (/admin/blogs)

   • List all blogs
   • Create new blog (/admin/blogs/new)
   • Edit blog (/admin/blogs/edit/[id])
   • Delete blogs

3. Product Management (/admin/products)

   • List all products
   • Create new product (/admin/products/new)
   • Edit product (/admin/products/edit/[id])
   • Delete products

4. Author Management (/admin/authors)

   • List all authors
   • Create new author (/admin/authors/new)
   • Edit author (/admin/authors/edit/[id])

🎨 Design System

Color Palette

• Primary: #013e65 (Deep Navy Blue)
• Secondary: #508325 (Forest Green)
• Accent Colors: Matching gradients and variations
• Admin Theme: Blue-based professional palette

Typography

• Primary Font: Inter (sans-serif)
• Heading Font: Poppins (sans-serif)
• Monospace: JetBrains Mono (code blocks)
• Responsive scaling with Tailwind utilities

Animations

• Framer Motion: Page transitions, hover effects, scroll animations
• Loading states: Skeleton loaders and smooth transitions
• Micro-interactions: Button hovers, card animations
• Admin UI: Subtle transitions for better UX

🔍 SEO & Performance

SEO Features

• Dynamic Sitemap: Automatic generation from database content
• Meta Tags: Optimized page metadata for all pages
• Structured Data: JSON-LD for rich snippets
• Robots.txt: Dynamic search engine crawling instructions
• Open Graph: Social media sharing optimization
• Canonical URLs: Proper URL canonicalization

Performance Optimizations

• Next.js Image: Automatic image optimization and lazy loading
• Code Splitting: Automatic route-based splitting
• Static Generation: Pre-rendered pages where possible
• API Caching: Efficient data fetching strategies
• Turbopack: Ultra-fast development builds
• CDN Ready: Optimized for CDN deployment

Analytics

• Vercel Analytics: User behavior tracking
• Speed Insights: Performance monitoring
• Custom Events: Track important user interactions

📱 Responsive Design

• Mobile-first approach with Tailwind CSS
• Breakpoint system: sm (640px), md (768px), lg (1024px), xl (1280px), 2xl (1536px)
• Touch-friendly: Optimized for mobile interactions
• Performance: Efficient rendering across all devices
• Admin Panel: Fully responsive dashboard

🔒 Security Features

• JWT Authentication: Secure token-based authentication
• Password Hashing: bcryptjs encryption
• Protected Routes: Middleware-based route protection
• CORS Configuration: Controlled cross-origin requests
• Input Validation: Server-side validation for all inputs
• XSS Protection: React's built-in XSS prevention
• Environment Variables: Sensitive data protection

🚢 Deployment

Deployment Platforms

• Vercel: Recommended for Next.js (automatic deployment)
• Custom Server: Use server.js for VPS/dedicated hosting
• Docker: Containerization support
• FTP: Use upload.js script for FTP deployment

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Development Guidelines

• Follow the existing code style
• Write meaningful commit messages
• Test your changes thoroughly
• Update documentation as needed
• Ensure all ESLint rules pass

📄 License

This project is proprietary software owned by Intelligent Technology. All rights reserved.

Social Media

• Facebook: Intelligent Technology BD
• LinkedIn: Intelligent Technology BD