MonDesa Web Client

Smart monitoring for a safer tomorrow. Leading innovation in natural disaster monitoring through cutting-edge IoT solutions.

🌟 About MonDesa

MonDesa is dedicated to developing cutting-edge technology for natural disaster monitoring and prevention. By combining IoT expertise with advanced data analysis, we create systems that help communities prepare for and respond to environmental challenges. Our focus on energy efficiency and reliable communication ensures our solutions work where they're needed most.

Our team brings together specialists in software engineering, embedded systems, and machine learning to build integrated solutions that address the complex challenges of disaster monitoring and prevention.

🚀 Features

• Energy-Efficient Firmware: Advanced power management systems ensuring long-term deployment capability in remote locations
• MQTT Topic System: Robust message queuing system for reliable data transmission and real-time monitoring
• Wireless Communication: Multi-protocol support including LoRa, WiFi, and 4G for comprehensive coverage
• Disaster Prevention: Early warning systems powered by real-time data analysis and machine learning

🛠️ Tech Stack

Frontend Framework

• React 18 with TypeScript
• Vite for build tooling and development server

UI & Styling

• Material-UI (MUI) for component library
• Emotion for CSS-in-JS styling
• Framer Motion for animations and page transitions

Routing & Navigation

• React Router DOM v6 with lazy loading
• React Helmet Async for SEO and meta management

Development Tools

• TypeScript for type safety
• ESLint with TypeScript support
• Vite for fast development and optimized builds

Additional Libraries

• Lucide React for icons
• Sharp for image optimization

🌍 Internationalization

The application supports multiple languages:

• Portuguese (pt) - Primary language
• English (en) - Secondary language

Translation keys are organized by feature and automatically switch based on user preference or browser language.

🏃‍♂️ Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone <repository-url>
cd mondesa-web-client

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173 in your browser

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build

🏗️ Build & Deployment

The application is built using Vite, which provides:

• Fast development server with HMR
• Optimized production builds
• Tree shaking and code splitting
• ES modules support

Build the project:

npm run build

The built files will be in the dist/ directory, ready for deployment to any static hosting service.

🎨 Design System

The application uses Material-UI with a custom theme that reflects MonDesa's brand identity:

• Modern, clean interface
• Responsive design for all devices
• Consistent spacing and typography
• Accessible color schemes

🤝 Team Expertise

MonDesa brings together experts in:

• Software Architecture & DevOps
• Embedded Systems & IoT
• Machine Learning & Data Analysis
• Disaster Prevention Solutions

📄 License

This project is proprietary to MonDesa.

📞 Contact

Interested in collaboration or want to learn more about our disaster monitoring solutions? Get in touch with the MonDesa team through our contact page.

---

Pioneering the future of natural disaster monitoring through innovative IoT solutions and real-time data analysis.