• 

  Home Page

• 

  Each Category have various products

• 

  Click on buy now button to get amazon link for the product.(the amazon link is affiliate link which can help in monetization)

Viral Picks

Inspiration

We were inspired by Instagram Reels showcasing trending products that users often want to buy immediately. There wasn’t a single platform to browse these viral products in an organized way. Viral Picks was created to make shopping trending products easy, fun, and affiliate-friendly.

What it does

Viral Picks is a multi-niche Amazon affiliate website that allows users to:

• Browse curated products in categories like Electronics, Beauty, Home Gadgets, Pet Accessories, and Cutie Picks.
  
• Search products by name or features using a live search bar.
  
• Navigate between categories and product listings seamlessly with a "Back to Categories" button.
  
• Access Amazon affiliate links directly for purchases.

The site features a responsive design, card-based layouts, hover animations, and dynamic product rendering.

How we built it

• Frontend: HTML, CSS, and vanilla JavaScript
  
• Styling: Custom CSS with flexbox layouts, hover animations, and rounded cards
  
• Dynamic Rendering: Categories and products are stored in a JavaScript array and rendered dynamically
  
• Navigation: Uses history.pushState and hash-based routing for smooth page transitions
  
• Search: Implements live filtering of products across all categories

Challenges we ran into

• Structuring the site to support multiple categories and products dynamically
• Implementing a smooth navigation experience using hash-based routing and history.pushState
• Designing a responsive UI that works on both desktop and mobile
• Ensuring search functionality works across all categories and product features

Accomplishments that we're proud of

• Built a fully frontend-driven, dynamic affiliate website
• Created a clean, responsive, and visually appealing design with hover animations
• Implemented search and category navigation for better user experience
• Prepared the site for easy scalability — adding new products or categories is simple

What we learned

• How to structure dynamic content with JavaScript arrays and DOM manipulation
• Best practices for responsive web design and modern UI
• How to integrate affiliate links safely and transparently
• Handling browser history and hash-based navigation without a framework

What's next for Viral Picks

• Add more products and categories automatically via APIs or web scraping
• Introduce user accounts, wishlists, and personalized recommendations
• Improve SEO and performance optimization for higher traffic
• Explore additional monetization strategies beyond Amazon affiliate links

Built With

• css
• html
• javascript