Adams Afeez Logo Image
Adams Afeez

Nezuko Trading Platform

An interactive onboarding and trading dashboard built with HTML, TailwindCSS, and Vanilla JavaScript. This project simulates a real-world trading platform with step-by-step onboarding, user validation, and a dynamic dashboard experience.

Nezuko Trading Platform Screenshot 1
Nezuko Trading Platform Screenshot 2
Nezuko Trading Platform Screenshot 3
Nezuko Trading Platform Screenshot 4
Nezuko Trading Platform Screenshot 5

Project Overview

This comprehensive trading platform simulation provides users with a complete onboarding experience that mirrors real-world financial applications. The multi-step registration process includes personal information collection, trading experience assessment, security setup with optional add-ons like 2FA and cold wallet integration, and a detailed summary review. The platform features dynamic country selection populated via API, form validation at each step, and security toggles that allow users to customize their trading experience based on their needs and preferences.

Built entirely with vanilla JavaScript, HTML, and TailwindCSS, the application demonstrates proficiency in DOM manipulation, API integration, and creating complex user flows without relying on frameworks. The dashboard dynamically updates to reflect user selections, calculating monthly costs based on chosen plans and add-ons. A smooth loading screen provides transition feedback before users enter their personalized dashboard. This project showcases the ability to create sophisticated web applications using fundamental web technologies while maintaining clean code architecture and responsive design principles.

Tools Used

HTML
Tailwind CSS
Vanilla JavaScript
REST API
GIT
GitHub
Netlify
Figma