Direction Map

Direction map web application using React and Laravel

Tech Stack

Backend

• Laravel 12 - PHP Framework
• Inertia.js - Modern monolith architecture
• SQLite - Database

Frontend

• React - UI Library
• Tailwind CSS - Styling
• Leaflet - Interactive maps
• Lucide React - Icons

APIs

• OpenStreetMap Nominatim - Geocoding
• OSRM - Route calculations

Project Setup

1. Clone the Repository

git clone <repository-url>
cd direction-map

2. Install PHP Dependencies

composer install

3. Install Node Dependencies

npm install

4. Install Lucide React Icons

npm install lucide-react

5. Environment Setup

cp .env.example .env
php artisan key:generate

Update .env with your database credentials:

DB_DATABASE=your_database_name
DB_USERNAME=your_username
DB_PASSWORD=your_password

6. Run Migrations

php artisan migrate

7. Build Assets

npm run dev

8. Start the Server

php artisan serve

AI Tools Used

• Claude - Debugging, and feature implementation
• ChatGPT - Documentation and problem-solving assistance

Home Page

Register Page (Laravel Built In Auth)

Login Page (Laravel Built In Auth)

Dashboard

Search Form

Map View

Route Table