Objective:
Implement the missing API functionality to allow both existing and new users to delete their accounts from the Algomnia platform seamlessly.

API Implementation:
• Develop and implement the backend API function to handle user account deletions.
• Ensure the API securely interacts with the AWS Cognito service to delete the user account.

Link Backend Function:
• Connect the new API function to the existing "Delete" button in the "My Profile" section.
• Ensure the button triggers the account deletion process when clicked.

Account Deletion:
• The user account should be completely removed from the AWS Cognito service.
• Ensure the user loses access to the platform immediately after account deletion.

Automated Email Notification:
• Set up an automated email system to notify the user that their account has been successfully deleted.
• The email should be sent immediately after the account deletion process is completed.

Deliverables:
• Fully functional API for account deletion.
• Integrated backend function with the "Delete" button.
• Confirmation of account deletion from AWS Cognito.
• Automated email notification system for account deletion confirmation.

Task 2: Implement Subscription Cancellation Flow

Objective:
Enable Algomnia users to deactivate their active subscription packages seamlessly via the "My Profile" section.

API Implementation:
• Develop and implement the backend API function to handle subscription cancellations.
• Ensure the API securely interacts with the Stripe payment provider to cancel the active subscription.

Link Backend Function:
• Connect the new API function to the existing "Cancel Subscription" button in the "My Profile" section.
• Ensure the button triggers the subscription cancellation process when clicked.

Subscription Deactivation:
• Once the subscription is cancelled, the user’s access to the platform should be restricted based on their subscription status.
• Ensure that the user can no longer access premium features or content once their subscription is deactivated.

Automated Email Notification:
• Set up an automated email system to notify the user that their subscription has been successfully cancelled.
• The email should be sent immediately after the subscription cancellation process is completed.

Deliverables:
• Fully functional API for subscription cancellation.
• Integrated backend function with the "Cancel Subscription" button.
• Confirmation of subscription cancellation from Stripe.
• Automated email notification system for subscription cancellation confirmation.

Task 3: Develop Landing Page Based on Figma Design

Objective:
Code the landing page according to the provided Figma design, ensuring full functionality, responsiveness, and integration with existing features.

Coding Language:
Use the same coding language as the current landing page for consistency.

Animations:
Implement animations as specified in the Figma design.
• How Software Works Section: When the user hovers over any of the following categories—Data Aggregation, Advanced Analytics, Expert Data Validation, User Dashboard Updates, Trade Execution Guidance, Performance Monitoring—the category should enlarge and change color as shown in the Figma design.
• This section should also function as a slider, allowing users to scroll left or right.
Click-Through and Redirects:
• Maximize Your Profits Today: Redirect to the registration page if the user is not registered. If registered, redirect to the subscription packages section.
• Get Started: Similar to "Maximize Your Profits Today", redirect to the registration page or subscription packages section.
• Subscribe: Redirect to Stripe for completing the purchase request.
• View Report: Allow users to download associated PDF documents.
• Start Making Profits: Apply the same logic as "Get Started".
• Search Engine Optimization (SEO):  Carry over the existing SEO, meta tags, and page descriptions from the current landing page.

Responsiveness:
Code the landing page to be fully responsive, as specified in the Figma design including the animations and click throughs.
Ensure the mobile version is optimized and retains all functionalities of the desktop version.

Language Keys:
Code all text elements (including buttons) using language keys to facilitate separate implementation of Turkish and English languages.

Footer Links:
Update all links in the footer section according to the current design.

Subscription Part:
When a user selects any package, highlight the selected package in white as demonstrated in the design. The other packages should remain in their original design state.
Deliverables:
• Fully coded landing page according to the Figma design.
• Implemented animations and interactive elements.
• Responsive design for both desktop and mobile versions.
• Functional language keys for text elements.
• Updated footer links.
• Integrated click-through redirects.
• The performance optimization is essential to ensure the landing page loads quickly and performs well on both desktop and mobile devices. We can leverage lazy loading for images where it is appropriate.

Task 4: Implement Newsletter Subscription Functionality

Objective:
Enable users to register and unsubscribe from the newsletter via the landing page without any issues.
Newsletter Registration:
• Implement a feature on the landing page allowing users to register for the newsletter.
• Ensure the user’s email is securely stored in the SQL database.
• Integrate with Mailchimp to handle email subscription management.

Unsubscribe Functionality:
• Provide an easy way for users to unsubscribe from the newsletter.
• Ensure the user’s email is removed from the SQL database upon unsubscription.
• Update the subscription status in Mailchimp accordingly.

Mailchimp Integration:
• Use Mailchimp’s API to manage the subscription list.
• Ensure proper synchronization between the SQL database and Mailchimp.

Deliverables:
• Fully functional newsletter registration form on the landing page.
• Secure storage of user emails in the SQL database.
• Mailchimp integration for managing email subscriptions.
• Functional unsubscribe feature.

Task 5: Implement User Onboarding Flows

Objective:
Develop and integrate three distinct user onboarding flows to guide users through the platform, utilizing designs provided in Figma.

Onboarding Flow Designs:
• Flow 1 (Detailed Walkthrough):
Provide a comprehensive walkthrough of the platform and its features.
Use detailed text, images, and instructions as specified in the Figma design.

• Flow 2 (Animated Overview):
Use animations to explain how the platform works.
Follow the animation sequences and details as specified in the Figma design.

• Flow 3 (GIFs):
Use GIFs to demonstrate platform functionalities.
Follow the GIF sequences and details as specified in the Figma design.

Language Keys:
Implement language keys for all text elements to support Turkish and English translations without any issues.

Navigation Buttons:
Integrate "Next", "Back", and "Close" buttons for easy navigation through the onboarding flows.
Ensure the buttons function correctly, allowing users to proceed, go back, or exit the onboarding flow.

Triggering Mechanisms:
• Flow 1: Trigger after user registration.
• Flow 2 and Flow 3: Trigger every time the user logs in until they opt-out.
• Include a "Don’t Show Again" button in Flows 2 and 3 to allow users to disable the onboarding flow if not already present in the design.

User Preferences:
• Implement functionality to remember user preferences regarding the onboarding flows.
• If the user opts out of Flows 2 and 3, ensure they are not shown again.

Deliverables:
• Fully developed and integrated onboarding flows as per the Figma designs.
• Functional "Next", "Back", "Close", and "Don’t Show Again" buttons.
• Correct triggering of each onboarding flow based on user actions.
• User preferences saved and respected for subsequent logins.

Posted On: June 29, 2024 11:18 UTC
Category: Full Stack Development
Skills:AWS Amplify, AWS Lambda, React, Node.js, Next.js, CSS, API Integration, SQL

Country: Netherlands

click to apply