Vessel Voyage
- 1 Devlogs
- 6 Total hours
VesselAI Navigator is a smart vessel management platform for monitoring ship performance, fuel efficiency, and voyage optimization.
Today I started to brainstorm, my project along with designing the PRD, Problem Statement and probable solution. I used GPT to research and analyze problem optimisation.
Current Stack:
⚡ React
⚡ Vite
⚡ Tailwind CSS
⚡ React Router
⚡ Figma
⚡ Git & GitHub
I am currently working on VesselAi Navigator, a web platform focused on vessel performance monitoring and voyage optimisation.
The first task was to setup the frontend skeleton then I designed the figma wireframes for the probable UI/ Ux framework. Then I started designing the frontend and completed with following pages.
Core Pages
Home Page
Dashboard Page
Reports Page
Route Optimizer Page
I made the website responsive for all devices mobile, tablet and desktops. Then I implemented a modular structure using Tailwind and components. Along with that I added Dark/Light toggle button.
Reusable Components
Navbar Component
Hero Component
Card Component
Footer Component
My Future Plans are to develop Real Data Integration
Connect dashboard to actual vessel performance datasets
Import Noon Reports, COSP, EOSP, and Voyage Reports
Store and process vessel operational data
Generate live KPI metrics instead of placeholders
I have attached all the reports and sample document that I have used for this project. I hope that this project works well !
101 signing off !
See you soon
