Batyevka.NET - Internet Service Provider Platform

Project Overview

A comprehensive web application for Batyevka.NET, a Ukrainian internet service provider, built using Next.js, React, and TypeScript. The platform serves both residential and business customers with features for service management, tariff calculation, and customer support.

Calculator page

Key Features

Interactive Tariff Calculator

• Custom-built calculator allowing users to configure internet plans with various parameters
• Real-time price updates based on selected options
• Integration with TV services and additional features like static IP addresses
• Support for different connection types (G-PON and XGS-PON)

Address Management System

• Administrative interface for managing service coverage areas
• CRUD operations for streets and buildings
• Validation system for preventing duplicate entries
• Status tracking for serviceable locations

Customer Service Integration

• Integration with ServDesk for ticket management
• Automated notification system via Telegram
• Phone verification system using SMS
• Call-back request functionality

Multi-language Support

• Full Ukrainian language support
• Localized content and interface elements
• Adaptable content structure for multiple languages

Technical Highlights

Frontend

• Next.js 14 with App Router
• React with TypeScript for type safety
• Tailwind CSS for responsive design
• Custom component library including modals, forms, and interactive elements
• ShadCN UI components for consistent design

Backend

• RESTful API architecture
• Prisma ORM for database management
• Integration with external services (SMS gateway, Telegram API)
• Secure authentication system

Architecture

• Clean code architecture with separation of concerns
• Modular component design for reusability
• Responsive layout supporting multiple device sizes
• Performance optimized with proper resource loading

Notable Technical Solutions

• Custom form validation system
• Real-time price calculation engine
• Adaptive layout system for different screen sizes
• Optimized image loading and resource management

Business Impact

• Streamlined customer onboarding process
• Reduced customer service workload through self-service options
• Improved service area management efficiency
• Enhanced customer experience through interactive features

Development Approach

• Component-based architecture for maintainability
• Mobile-first responsive design
• Strong emphasis on user experience
• Comprehensive error handling and validation
• Integration with existing business systems

Challenges Overcome

• Complex pricing calculations with multiple variables
• Integration with legacy systems
• Real-time address validation and verification
• Multi-step form processes with state management

This project demonstrates strong capabilities in:

• Full-stack web development
• Complex business logic implementation
• Third-party service integration
• User interface design
• Performance optimization
• Enterprise-level system architecture