iconicsudip / fabits-sheet Goto Github PK

This project involves various functionalities and animations for the onboarding sheet of a web application. The onboarding sheet guides users through the initial setup process and provides interactive elements to enhance user experience.

Deployed url - https://fabits-sheet.netlify.app

• TypeScript
• React.js
• SCSS module for styling

1. Clone this repository.
2. Install dependencies:

   npm install

3. Run the application:

   npm run dev

4. Navigate to localhost:5173 in your browser to access the application.

• Continuous car animation every 8 seconds.
• Dynamic pagination indicators for progress tracking.
• Visual state change for "Trading Experience" button.
• Close button functionality for exiting onboarding.
• Smooth navigation with "Next" button.
• Visual state change for manual/automatic button.
• PAN card field triggers keyboard without obscuring.
• "Back" button for easy navigation within onboarding.
• Transition to loading screen on Sheet 2 "Next" button click.
• Visually appealing car animation on loading screen.
• Translucent loading screen after 8 seconds.
• Three cards with clickable actions on the verification sheet.

• Name - Sudip Das
• Phone number - 9073383828
• Email - [email protected]
• Linkedin - https://linkedin.com/in/sudipdas80