Case Study
Project Case Study
Challenges, solutions, outcomes, technical highlights, architecture, and project scale.
⚡
Challenges
- Need to display 14 specialized broker services on an interactive page
- Designing modern UI with Revolution Slider and Owl Carousel
- Managing corporate content and user API simultaneously
- Need for customer registration form with server-side validation
- Managing multiple landing pages with dynamic structure
- Integrating Custom User Model with REST API
- Designing multilingual corporate pages
- Managing KYC and access levels in API
💡
Solutions
- Designing Fx Broker Lunch Service page with 14 interactive tiles and slider
- Implementing tab system with JavaScript for service display
- Using Owl Carousel for services and team sliders
- Implementing API with DRF and permission_classes for access control
- Using CustomUser with additional fields (state, city, birth_date, admin_access)
- Implementing registration form with CSRF and AJAX
- Designing Lp model for managing multiple landing pages
- Using Revolution Slider for main slider
- Implementing Coming Soon page with JavaScript timer
- Using professional Themeforest template for corporate design
📚
Outcomes
- Complete and professional corporate website
- 14 interactive services for brokers
- Powerful API with DRF
- Customer management system with KYC
- Modern design with professional animations
- Support for multiple landing pages
- Secure registration form with CSRF
- Compatible with mobile and tablet
🔧
Technical Highlights
- Django 5.2.5 and Python 3
- MySQL database with pymysql
- Django REST Framework 3.16 for API
- django-otp and django-two-factor-auth for 2FA
- pyotp for TOTP generation
- qrcode and pypng for QR Code
- Pillow for image processing
- CustomUser with additional fields
- Complete CRUD API for users
- Registration form with CSRF and AJAX
- Revolution Slider and Owl Carousel
- Professional Themeforest template
- Coming Soon page with timer
- 14 interactive Fx Broker Launch services
- Dynamic landing page with Lp model
🏗️
Architecture
Fuchase is built on Django's MVT (Model-View-Template) architecture and consists of two main applications:
1. users: Responsible for user management and API
- Custom User model with state, city, birth_date, admin_access fields
- API endpoints for user CRUD
- serializer for converting User to JSON
- permissions for access control
- customer_form view for HTML registration form
2. web: Responsible for landing page management
- Lp model for storing landing page information
- Ability to add name, score, logo, and description
Main project views:
- coming_soon: Coming Soon page with timer
- aboutUs_OurOrganization: About organization page
- aboutUs_VisonMission: Vision and mission page
- contactUs: Contact us page
- fxBrokerLunchService: 14 broker services page
- index: Homepage with slider
- marketPlace_LPS: LP marketplace page
The project runs in DEBUG mode and uses SQLite for development and MySQL for production.
📐
Project Scale
- 2 main applications (users, web)
- 2 main data models (User, Lp)
- 7 main website pages
- 14 interactive broker services
- Complete user CRUD API
- Secure registration form with CSRF
- Revolution Slider and Owl Carousel
- Dynamic landing page support
- Responsive design