Repository files navigation

Vision is aweb application specifically built for monitoring and managingcellular network systems, with a focus oneNodeB equipment. This repository contains thefrontend of the Vision platform, providing a robust, scalable, and user-friendly interface for overseeing critical telecommunications infrastructure. Built withNext.js 14, the frontend ensures seamless interaction and visualization of real-time data.

For the backend repository and API services, visit theVision Backend.

Key features include:

• Real-time updates on cellular network statuses.
• Interactive interfaces for managing and monitoring network nodes.

The frontend leverages modern technologies to deliver a dynamic and responsive user experience.

• React 18 withNext.js 14 for efficient server-side rendering and dynamic routing.
• NextUI,shadcn/ui andMagic UI for building accessible, customizable, and responsive UI components.
• Zustand for state management, enabling a simple and scalable solution for handling application state.
• Leaflet for rendering interactive maps, providing geospatial visualization of network nodes.
• Tailwind CSS for responsive and modern styling.

• Deployed onVercel to ensure global availability and high performance.

• Docker: Provides consistent environments for both development and deployment.

1. Dashboard View

   • Displays real-time statistics and health metrics of network nodes.
   • Features an interactive map highlighting node statuses for quick identification.

2. Alerts Management

   • Allows users to configure custom alert rules.
   • Provides a user-friendly interface for tracking and resolving network issues.

3. Node Management

   • Supports adding, removing, and updating node information.
   • Implements role-based access control to secure sensitive operations.

4. Real-time Data

   • Automatically refreshes data at regular intervals to ensure accuracy.

• Node.js (version 16 or later)
• Git (for cloning the repository)

1. Clone the repository:

   git clone<frontend-repo-link>

2. Install the required dependencies:

   cd vision-frontendnpm install

3. Start the development server:

   npm run dev

4. Open the application in your browser:

   • Navigate tohttp://localhost:3000.

For backend setup, refer to theVision Backend.

Contributions are highly encouraged! To contribute, follow these steps:

1. Fork this repository.
2. Create a new branch to work on your feature or fix.
3. Submit a pull request with a detailed description of your changes.

This project is licensed under theGNU General Public License v3.0 (GPL-3.0). For details on the terms and conditions, see theLICENSE file in the repository.

For further information or inquiries, reach out:

LinkedIn:Lavie Gariv