web ninja

AI Designer Pro

Website development | AI Tools

React website for AI Tool

  • React
  • React Helmet
  • SCSS
  • GSAP
  • BEM Methodology
  • Lemon Squeezy API
  • Redux / Redux Toolkit
  • Google OAuth 2.0
  • REST API

Implemented key features including Figma integration, Google authentication, and synchronization with payment systems. Enhanced the platform's usability and security, enabling smooth user onboarding and monetization.

All the Things I Did:

Authorization:
1. Sign In / Sign Up / Password Recovery – implemented via custom API
2. Sign In / Sign Up with Google

Account:
1. Choose subscription type (Monthly / Annual)
2. Payment integration via Lemon Squeezy API, synced with backend
3. Manage subscription (Cancel, Pause)
4. Subscription countdown (days remaining)
5. Payment history
6. Sync Figma account with user account in our system

General Details:
1. Global state, user state, and tokens managed using Redux
2. Animations on the home page powered by GSAP
3. Styling with SCSS using BEM methodology
4. Metadata handled using React Helmet