2. Overview
Courses Attended:
•Data Security Course 101
•Data Security Course 102
•Prevention of Sexual Harassment
•GenAI Assisted coding using Amazon Code Whisperer
Projects Undertaken:
•Created a functional Shopify website for a hypothetical watch brand, Horizon.
•Developed a user-friendly Movie Catalogue app, "Moviesprime," using React.
•Explored A/B testing methodologies and successfully implemented GrowthBook for
local A/B testing in React-based application.
3. Project 1: Horizon - E-commerce Store Development
Objective: Create an e-commerce platform for a hypothetical watch brand on Shopify.
Key Steps:
•Theme Selection
•Homepage Design
•Product Showcase
•Product Listing Enhancement
•Navigation & Security
•Customer Experience Focus
•CSS Customization
Outcome: Hands-on experience in end-to-end e-commerce website development using Shopify.
4.
5.
6.
7. Project 2: React Movie Catalog App
Objective: Apply React knowledge to develop “Moviesprime”, a comprehensive movie
and TV series catalog app.
Project Stages:
•Design Phase
•API Integration
•Content Enrichment
•Enhanced Features
•Navigation Optimization
8. Highlights:
•Learning React
•API Integration
•Feature-Rich Development
Outcome: Developed foundational skills in React development and API integration while
creating a user-centric movie catalog app with rich content and seamless navigation.
9.
10.
11. Project 3: A/B Testing Implementation with
GrowthBook
Objective: Implement A/B testing to optimize user experiences and enhance application
performance.
A/B Testing Concept: A/B testing compares different versions of webpages or products
by randomly assigning users, collecting data, and using stats to make data-driven
improvements.
Process: Explored various A/B testing tools and chose GrowthBook for local testing in
our React-based app.
Conducted extensive research to ensure seamless integration and effective experiment
execution.
Outcome: Enhanced understanding of A/B testing methodologies and practical
application using GrowthBook.
12.
13. Impediments
•Shopify Website:
Unable to add custom logos/images due to Persistent’s Privacy Policy.
•GitHub Repository:
Unable to upload React app code due to privacy policy of Persistent, preventing
deployment on Netlify.
•A/B Testing:
Conducted A/B tests locally due to inability to launch the React app.
Data Security Course 101: Completed tailored courses in data security, emphasizing protection, and ethical handling of corporate information.
Data Security Course 102: Engaged in comprehensive training on data security, hacker prevention, and measures to combat unethical activities.
Prevention of Sexual Harrassment: Participated in a course addressing the prevention of sexual harassment at workplaces.
GenAI Assisted coding using Amazon Code Whisperer: Acquired skills in GenAI-assisted coding using Amazon Code Whisperer, understanding prompt engineering.
Theme Selection: Aligned store theme with brand identity for resonance.
Homepage Design: Crafted visually appealing, user-friendly layout for optimum engagement.
Product Showcase: Developed standard and featured collections to highlight products.
Product Listing Enhancement: Detailed product information and imagery for enriched listings.
Navigation & Security: Implemented top menu for seamless navigation and password protection for privacy.
Customer Experience Focus: Configured shipping settings for smooth user interactions.
CSS Customization: Utilized code editor for theme customization, gaining insights into CSS application.
Design Phase: Structured app layout with a user-friendly navigation bar for key sections.
API Integration: Utilized TMDB API for a vast repository of movie and TV series information.
Content Enrichment: Provided movie details—titles, descriptions, release dates, cast members.
Enhanced Features: Detailed view pages with trailers, engaging carousels for cast members.
Navigation Optimization: Implemented efficient routing for seamless navigation across the app.
Learning React: Acquired practical experience in React development.
API Integration Expertise: Demonstrated proficiency in integrating external data sources.
Feature-Rich Development: Created a user-friendly app with extensive functionalities.