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

Dashboard (/admin)
- Overview statistics
- Recent blogs and products
- Quick action buttons
Blog Management (/admin/blogs)
- List all blogs
- Create new blog (/admin/blogs/new)
- Edit blog (/admin/blogs/edit/[id])
- Delete blogs
Product Management (/admin/products)
- List all products
- Create new product (/admin/products/new)
- Edit product (/admin/products/edit/[id])
- Delete products
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

Fork the repository
Create a feature branch (git checkout -b feature/amazing-feature)
Commit your changes (git commit -m 'Add amazing feature')
Push to the branch (git push origin feature/amazing-feature)
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

Social Media

Facebook: Intelligent Technology BD
LinkedIn: Intelligent Technology BD