Gym&You - Project Details

Screenshots

Description

• Mobile, tablet and desktop view!
• Website of a (hypothetical) Gym called "Gym&You"!
• Website contains few subpages: About, Shop, FAQ, Blog, Contact and Cart.
• Blog subpage contains Articles that user can click and go to the specific Article subpage.
• Each game is a dedicated card. On the card, You can see the rate of the game, full name, platforms that are avaliable (icons) and type.
• Shop subpage contains Products List, with the option of adding to Cart selected Product.
• Contact subpage contains a Form allowing the user to write message directly to the company, as well as contains information about adress, including map.

Technology Used

• HTML
• SCSS
• React
• Next.js
• Framer Motion
• E2E Tests

What I Learned / Mastered

• Using most important SEO tags in modern websites.
• Mastering routing in Next.js.
• How to control state in contexts in bigger project using best practices.
• Using SCSS with react modules styles.
• Creating advanced animations with library Framer Motion
• Crearting shop-cart connection in the proffesional and working way.
• Destructuring project to the smallest components.
• Creating both E2E and Unit Tests.
• Connecting React app to the hypothetical backend.