Introduction

This is a nextJs application made for the purpose of displaying a map with certain locations on it shown as a marker.

Usage

• Install the required packages and libraries using yarn or using npm i --save
• Run the application using yarn run dev or npm run dev

Packages & Libraries

• next v14.1.0
• react v18
• react-dom v5.0.1
• leaflet v1.9.4
• react-leaflet v4.2.1
• tailwindcss v3.3.0
• postcss v8

Strucutre

📦nextjs-map
 ┣ 📂public                 // Accessible throughout the app (files)
 ┣ 📂src                    // Main application directory
 ┃ ┣ 📂app                  // Main pages, each folder that has page.jsx is a path
 ┃ ┣ 📂components           // Components data
 ┃ ┣ 📂Mock                 // Mock data to be used until BE is ready
 ┃ ┗ 📂styles               // Styles and information are saved here
 ┣ 📜package.json           // Libraries and Packages file
 ┗ 📜tailwind.config.js     // TailwindCSS configuration file