Billionaire Cash Splash (React + TypeSript + Vite) App

About

💰 A small app that turns spending into a comedy. Pick a billionaire, explore absurd products, and enjoy the laughs with a dark or light theme. It also includes a mobile view.

Main Technologies:

• React
• TypeScript
• SCSS
• Phosphor Icons
• react-switch (theme switcher)

❗Gifs may take up to 10 seconds to fully load ❗

🖼️ Project Screenshots & Implementation 🖼️

Home page implementation

• Home
• Billionaire Showcase
• Products
• BillionaireContext

Home page - Desktop	Home page - Mobile

---

Shopping implementation

• ShoppingContext
• ShoppingReducer
• Product
• ItemAddedPopUpContainer
• QuantityBar
• Cart
• Cart Icon On Scroll

Products Shopping - Desktop	Products Shopping - Mobile

---

Inventory implementation

• Inventory
• Inventory Items -Item

Inventory - Desktop	Inventory - Mobile

---

Theme Switch implementation

• ThemeContext
• App
• Navbar
• Theme Styles
• Typography Styles

Switch Dark/Light Theme - Desktop	Switch Dark/Light Theme - Mobile

---

Products Filtering implementation

• Products Filtering
• Category Tags

Products Filtering - Desktop	Products Filtering - Mobile