Intelligent Technology - Premium Industrial Solutions
Project Overview
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.jsfor VPS/dedicated hosting - Docker: Containerization support
- FTP: Use
upload.jsscript 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
This project is proprietary software owned by Intelligent Technology. All rights reserved.
Social Media
- Facebook: Intelligent Technology BD
- LinkedIn: Intelligent Technology BD
“Working with Tarikul on our new website has been an exceptional experience. He transformed our vision into a modern, high-performance platform that perfectly showcases our security and automation solutions. Tarikul built the entire website using Next.js 15 with the App Router, leveraging React 19 for optimal performance and modern development practices. The implementation includes server-side rendering (SSR) for dynamic content, static site generation (SSG) for fast page loads, and intelligent caching strategies that deliver lightning-fast user experiences. The backend is powered by MongoDB with Mongoose ODM, providing a robust and scalable database solution for managing our products, blog posts, and authors. The authentication system uses secure JWT tokens with bcrypt hashing, ensuring our admin panel is protected while remaining user-friendly. The frontend showcases excellent use of Tailwind CSS for responsive design, Framer Motion for smooth animations, and React Quill for rich text editing in the admin panel. The image handling system supports multiple CDN sources and includes automatic optimization through Next.js Image components. Tarikul implemented comprehensive SEO features including dynamic sitemaps, robots.txt configuration, JSON-LD structured data schemas, canonical URLs, and OpenGraph meta tags. The integration of Vercel Analytics and Speed Insights provides real-time performance monitoring. The custom admin dashboard allows our team to easily manage content through intuitive forms with image uploads, rich text editing, and real-time previews. The API routes are well-structured with proper error handling and validation. The deployment setup is production-ready with environment variable management, custom server configuration, and automated build processes. The codebase is clean, well-organized, and follows Next.js best practices throughout. This website has become a powerful tool for our business, combining cutting-edge technology with practical functionality. We highly recommend Tarikul for any business seeking a modern, scalable, and SEO-optimized web solution.”
Shamsul Alam
Manager (Technical)
Intelligent Technology
Technologies
Links
Stats
Share
Get In Touch With TARIKUL
Let's work together
Contact Information
Feel free to reach out to me for any project or collaboration. I'm always open to discussing new projects, creative ideas or opportunities to be part of your visions.