Cargo TON

Technologies used:

• React.js
• Tailwind CSS
• Shadcn UI
• Lucide Icons

Features

• Responsive Design
  The site adapts seamlessly to all screen sizes—desktops, tablets, and mobiles—for a consistent user experience.

• Light/Dark Theme Switch
  Users can toggle between light and dark modes, enhancing accessibility and personalizing the interface.

• Intuitive Navigation Bar
  A responsive nav bar with dropdowns, crafted using Shadcn UI, supports keyboard navigation and ARIA roles for full accessibility.

• Smooth & Modern UI
  Shadcn UI components deliver a polished, customizable design with fluid animations, paired with Lucide Icons for visual clarity and appeal.

• Reusable Components
  React.js enables modular buttons, cards, and sliders, streamlining development and ensuring a cohesive look across the site.

• Performance Optimized
  Leveraging React.js, the site offers fast load times and smooth interactions, critical for logistics users seeking quick access to information.

Deployed URL: https://cargo-ton-logistics.vercel.app

---

Guide: Getting Started with the Project

Here’s a straightforward walkthrough to launch this project on your machine.

Prerequisites

Make sure you have the following installed:

• Node.js

---

Steps to Launch the Project

1. Clone the Project:

   git clone https://github.com/DevAnuhas/cargo-ton.git
   

2. Install all dependencies:

   npm install --legacy-peer-deps

3. Run the project:

   npm run dev

4. Open in browser:

   Access the application through the link displayed in your terminal.

---

Creating a Production Build

To create a production-ready build:

1. Run the build command:

   npm run build

2. The build files will be saved in the dist folder. You can upload this folder to your hosting server.

---

Notes

If you encounter issues while running the project, ensure that:

• Node.js is correctly installed.
• You’re in the correct project directory.
• All dependencies are installed without errors.