Skip to content

nasnet-community/connect

Repository files navigation

NASNET Connect ๐ŸŒŸ

A powerful and modern mikrotik router configuration management system built with Qwik and TypeScript.

License Node TypeScript Qwik

โœจ Features

  • ๐ŸŒ Multi-language support (en, ar, fa, it, ru, sk, zh)
  • ๐Ÿ”’ Secure router management and configuration
  • ๐ŸŽฎ Game-specific port forwarding database
  • ๐Ÿ”„ Automatic system updates scheduling
  • ๐Ÿ“Š Network performance visualization
  • ๐Ÿ›ก๏ธ SSL/TLS certificate management
  • โšก VPN server configuration
  • ๐Ÿ•’ NTP synchronization
  • โ˜๏ธ DDNS support
  • ๐ŸŒ“ Dark/Light theme support

๐Ÿš€ Getting Started

Prerequisites

  • Node.js >= 18.17.0
  • npm or pnpm

Installation

# Clone the repository
git clone https://github.com/nasnet-community/connect.git

# Navigate to project directory
cd nasnet-connect

# Install dependencies
pnpm install

Development

# Start development server
pnpm dev

# Start development server in debug mode
pnpm dev.debug

Building

# Build for production
pnpm build

# Preview production build
pnpm preview

๐ŸŒ Internationalization

The project supports multiple languages. To work with translations:

# Extract messages for translation
pnpm i18n-extract

# Translate extracted messages
pnm i18n-translate

๐Ÿงฉ Project Structure

โ”œโ”€โ”€ public/              # Static assets
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/      # UI components
โ”‚   โ”œโ”€โ”€ locales/        # Translation files
โ”‚   โ”œโ”€โ”€ routes/         # Application routes
โ”‚   โ”œโ”€โ”€ utils/          # Utility functions
โ”‚   โ””โ”€โ”€ types/          # TypeScript type definitions
โ””โ”€โ”€ package.json

๐Ÿ”ง Configuration

The application can be configured through environment variables:

VITE_API_URL=your_api_url
VITE_APP_VERSION=your_app_version

๐Ÿ› ๏ธ Built With

  • Qwik - High-performance web framework
  • TypeScript - Type-safe JavaScript
  • Vite - Next generation frontend tooling
  • TailwindCSS - Utility-first CSS framework

๐Ÿ“ก Router Configuration Generator

NASNET Router Configuration

NASNET Smart Router Configuration System

๐ŸŒ Network Architecture

                                    INTERNET
                                       โฌ†
                                       |
                    +------------------+------------------+
                    |                  |                 |
              DOMESTIC WAN       FOREIGN WAN        VPN CLIENT
                    |                  |                 |
                    |        NASNET ROUTER              |
                    |     +-----------------+           |
                    +---->|    FIREWALL    |<----------+
                          |     Rules      |
                          +-----------------+
                                 |
                          +-----------------+
                          |      NAT       |
                          |   Masquerade   |
                          +-----------------+
                                 |
            +------------------+-----------------+------------------+
            |                  |                |                   |
      SPLIT LAN          DOMESTIC LAN        FOREIGN LAN         VPN LAN
   192.168.10.0/24      192.168.20.0/24     192.168.30.0/24    192.168.40.0/24
   Smart Routing        DOMESTIC Traffic    FOREIGN Traffic    Secure Tunnel

๐Ÿ”€ Traffic Management

  • Split LAN: Smart routing based on destination
  • Domestic LAN: for only Domestic Link traffic
  • Foreign LAN: for only Foreign Link traffic
  • VPN LAN: VPN-tunneled traffic

๐Ÿ”€ Traffic Flow Management

         +----------------------+
         |    Incoming Packet   |
         +----------------------+
                    |
          +---------+---------+
          |     Route Match    |
          +---------+---------+
                    |
         +----------+---------+
         |          |         |                  
    Domestic    Foreign      VPN          
    Traffic     Traffic    Traffic       
         |          |         |                  
   Local DNS    Global DNS  VPN DNS         
   Servers      Servers     Tunnel       
   (8.8.8.8)   (1.1.1.1)   (Custom)  

๐ŸŒŸ Key Components

  1. Multi-WAN Setup

    • Domestic connection
    • Foreign connection
    • Automatic failover
  2. VPN Services

    • WireGuard server/client
    • OpenVPN server
    • Multi-client support
  3. Wireless Networks

    • Multi-SSID support
    • Band steering (2.4/5 GHz)
    • Isolated network segments
  4. Gaming Features

                     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                     โ”‚ Game Trafficโ”‚
                     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                            โ”‚
                     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ–ผโ”€โ”€โ”€โ”€โ”€โ”€โ”
                     โ”‚    Route    โ”‚
                     โ”‚  Detection  โ”‚
                     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                            โ”‚
          โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
          โ”‚                โ”‚                โ”‚
    โ”Œโ”€โ”€โ”€โ”€โ”€โ–ผโ”€โ”€โ”€โ”€โ”€โ”   โ”Œโ”€โ”€โ”€โ”€โ”€โ–ผโ”€โ”€โ”€โ”€โ”€โ”   โ”Œโ”€โ”€โ”€โ”€โ”€โ–ผโ”€โ”€โ”€โ”€โ”€โ”
    โ”‚   Local   โ”‚   โ”‚  foreign  โ”‚   โ”‚ Protected โ”‚
    โ”‚    link   โ”‚   โ”‚  Server   โ”‚   โ”‚  VPN Link โ”‚
    โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜   โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜   โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

๐Ÿ“Š Network Segments

Network IP Range Purpose
Split LAN 192.168.10.0/24 Smart-routed traffic
Domestic LAN 192.168.20.0/24 Local traffic only
Foreign LAN 192.168.30.0/24 International traffic
VPN LAN 192.168.40.0/24 VPN-protected traffic

๐Ÿ”ง Auto-Configuration

  1. Initial Setup
    โ”Œโ”€โ”€โ”€โ”€โ”€โ”          โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”          โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
    โ”‚User โ”‚          โ”‚Generator โ”‚          โ”‚Router  โ”‚
    โ””โ”€โ”€โ”ฌโ”€โ”€โ”˜          โ””โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”˜          โ””โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”˜
       โ”‚                  โ”‚                     โ”‚
       โ”‚ Input Requirements                     โ”‚
       โ”‚โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€>โ”‚                     โ”‚
       โ”‚                  โ”‚                     โ”‚
       โ”‚                  โ”‚   Generate Config   โ”‚
       โ”‚                  โ”‚โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”        โ”‚
       โ”‚                  โ”‚           โ”‚        โ”‚
       โ”‚                  โ”‚<โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜        โ”‚
       โ”‚                  โ”‚                     โ”‚
       โ”‚                  โ”‚   Apply Settings    โ”‚
       โ”‚                  โ”‚โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€>โ”‚
       โ”‚                  โ”‚                     โ”‚
       โ”‚                  โ”‚                     โ”‚
       โ”‚      Ready to Use                      โ”‚
       โ”‚<โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”‚
    โ”Œโ”€โ”€โ”ดโ”€โ”€โ”          โ”Œโ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”          โ”Œโ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”
    โ”‚User โ”‚          โ”‚Generator โ”‚          โ”‚Router  โ”‚
    โ””โ”€โ”€โ”€โ”€โ”€โ”˜          โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜          โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
  1. Maintenance
    • Automatic updates
    • Scheduled reboots
    • Certificate management
    • Performance monitoring

๐Ÿ’ก Tip: Use our web interface to generate configurations without manual scripting!

๐ŸŽฎ Gaming Optimization

  • Automatic port forwarding
  • Game-specific routing rules
  • Low-latency paths
Game Traffic
     |
     v
+----------------+
| Traffic Type   |
+----------------+
         |
   +-----+-----+
   |     |     |
   v     v     v
Local  Int'l  VPN
Game   Game   Game
   |     |     |
   v     v     v
+----------------+
| Route Selection|
+----------------+
   |     |     |
   v     v     v
DOM   FRN   VPN
WAN   WAN   WAN
   |     |     |
   v     v     v
+----------------+
| QoS Priority  |
+----------------+

๐Ÿ“Š Network Management Flow

+---------------+  Auto Updates  +----------------+
|   System      |<------------->| Package Mgmt   |
| Maintenance   |               |    System      |
+---------------+               +----------------+
       ^                              ^
       |                              |
       v                              v
+---------------+               +----------------+
|  Scheduled    |<------------->|  Certificate   |
|   Tasks       |  SSL Renewal  |  Management   |
+---------------+               +----------------+
       ^                              ^
       |                              |
       v                              v
+---------------+               +----------------+
|  Performance  |<------------->|   Logging &    |
|  Monitoring   |  Stats Sync   |  Debugging    |
+---------------+               +----------------+

๐Ÿ“„ License

ยฉ 2025 NASNET Connect. All rights reserved.

๐Ÿค Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

๐Ÿ› Issues

We welcome bug reports, feature requests, and questions! You can submit issues in two ways:

GitHub Issues

  1. Visit our GitHub Issues page
  2. Click on "New Issue"
  3. Choose the appropriate issue template
  4. Fill in the required information
  5. Submit your issue

Telegram Support

For immediate support or questions:

  1. Join our Telegram channel
  2. Send your question or issue description
  3. Our team will respond as soon as possible

When reporting issues, please include:

  • Description of the problem
  • Steps to reproduce
  • Expected behavior
  • Screenshots (if applicable)
  • Your environment details (OS, browser, etc.)
  • router configuration file (with sensitive data removed)
  • State History log from the Debug Tools panel (with sensitive data removed)

Note: Before submitting configuration files or logs, ensure you've removed all sensitive information such as passwords, IP addresses, and personal data.

๐Ÿ“ง Contact

Join our community and stay updated with the latest news and updates!


๐Ÿ™ Acknowledgments

  • The Qwik team for their amazing framework
  • All contributors who have helped this project grow

Made with โค๏ธ by the NASNET Community

Releases

No releases published

Packages

No packages published

Languages