Apple Phone Catalog
# Main describe
This project shows the user a product line of Apple. User can view different model of phones, tablets and accessories. There are the same sections: phones, tablets and accessories. Web page allow change query parameters and seek for according to them cheapest, newest models.
The application also has favorites section where user can choose the best goods, and basket section where users can buy all chosen products. User's browser can restore this information even after user close it.
On web page you can find sections "Hot prices", "Brand new models", "Shop by category". For better structure, I used semantic layout.
# Frontend & Styling
Core: HTML, CSS, TypeScript on React
Styling: SCSS, BEM (Block-Element-Modifier methodology)
# Prerequisites:
Node.js >= 20.17.0
npm >= 10.8.2
Swiper = 11.2.8
# GitHub reference: https://github.com/Pavlo-lab-max-Kopalko/apple-phone-catalog
# Live Demo is below.
This project shows the user a product line of Apple. User can view different model of phones, tablets and accessories. There are the same sections: phones, tablets and accessories. Web page allow change query parameters and seek for according to them cheapest, newest models.
The application also has favorites section where user can choose the best goods, and basket section where users can buy all chosen products. User's browser can restore this information even after user close it.
On web page you can find sections "Hot prices", "Brand new models", "Shop by category". For better structure, I used semantic layout.
# Frontend & Styling
Core: HTML, CSS, TypeScript on React
Styling: SCSS, BEM (Block-Element-Modifier methodology)
# Prerequisites:
Node.js >= 20.17.0
npm >= 10.8.2
Swiper = 11.2.8
# GitHub reference: https://github.com/Pavlo-lab-max-Kopalko/apple-phone-catalog
# Live Demo is below.