John A Momodu Nigerian Limited - Container Transport & Logistics

A modern, responsive website for John A Momodu Nigerian Limited - a leading container transport and logistics company in Nigeria.

🌐 Live Website

URL: https://your-domain.com

✨ Features

🏠 Public Website

• Hero Section - Company introduction with statistics
• Services - 6 comprehensive logistics services
• About Us - Company history, vision & mission
• Quality Policy - ISO certifications and standards
• Fleet - Modern heavy-duty equipment showcase
• Testimonials - Client reviews and feedback
• FAQ - Frequently asked questions
• Contact Form - Quote request system

🔐 Client Portal

• User authentication (Login/Register)
• Container entry/exit management
• Real-time tracking system
• Dashboard with statistics
• Reports & analytics
• Activity logs

📦 Container Tracking

• Track containers by number
• Visual progress indicator
• Status updates
• Location information

🛠️ Tech Stack

• Frontend: React 18, TypeScript, Vite
• Styling: Tailwind CSS, shadcn/ui
• Charts: Recharts
• Icons: Lucide React
• State: React Hooks, localStorage

📁 Project Structure

├── src/
│   ├── components/ui/     # shadcn/ui components
│   ├── hooks/             # Custom React hooks
│   ├── pages/             # Page components
│   │   ├── HomePage.tsx   # Public website
│   │   ├── LoginPage.tsx  # Authentication
│   │   ├── SignupPage.tsx # Registration
│   │   ├── TrackingPage.tsx # Container tracking
│   │   └── Dashboard.tsx  # Client portal
│   ├── sections/          # Dashboard sections
│   ├── services/          # Database services
│   ├── types/             # TypeScript types
│   ├── App.tsx            # Main app component
│   └── main.tsx           # Entry point
├── public/                # Static assets
├── index.html             # HTML template
├── package.json           # Dependencies
├── tailwind.config.js     # Tailwind configuration
├── tsconfig.json          # TypeScript configuration
└── vite.config.ts         # Vite configuration

🚀 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/john-a-momodu-nigerian-limited.git
cd john-a-momodu-nigerian-limited

2. Install dependencies

npm install

3. Start development server

npm run dev

4. Build for production

npm run build

📦 Deployment

Option 1: Netlify (Recommended)

1. Connect your GitHub repository to Netlify
2. Build command: npm run build
3. Publish directory: dist

Option 2: Vercel

1. Import project from GitHub
2. Framework preset: Vite
3. Build command: npm run build
4. Output directory: dist

Option 3: GitHub Pages

1. Enable GitHub Pages in repository settings
2. Source: GitHub Actions
3. Use the provided workflow

🔑 Demo Credentials

Username	Password	Role
admin	admin123	Administrator
operator	operator123	Operator

📞 Contact

John A Momodu Nigerian Limited

• 📧 Email: info@johnamomodu.com
• 📞 Phone: +234 803 123 4567
• 📍 Address: Plot 123, Industrial Estate, Apapa, Lagos, Nigeria

📄 License

© 2024 John A Momodu Nigerian Limited. All rights reserved.

---

Built with ❤️ for John A Momodu Nigerian Limited