https://andrelimzk.github.io/Kinetix/ Kinetix is a modern e-commerce platform specializing in running shoes, designed to cater to athletes, fitness enthusiasts, and casual runners alike. The platform combines cutting-edge technology with user-centric design to deliver a seamless shopping experience. With a curated selection of top-tier brands and performance-focused footwear, Kinetix ensures that customers find the perfect fit for their needs. Leveraging advanced AI-driven recommendations, the platform provides personalized suggestions based on individual preferences, activity levels, and biomechanics. Beyond product offerings, Kinetix emphasizes community engagement by hosting virtual running challenges, expert-led webinars, and forums where users can connect and share their journeys. The platform also integrates a robust feedback system, enabling users to rate and review products, fostering trust and transparency. With secure payment options, swift delivery services, and hassle-free returns, Kinetix redefines convenience in online shopping for runners. By blending innovation, community, and superior service, Kinetix is set to become the go-to destination for running enthusiasts worldwide.
- As a user, I want to be able to login with my email and get an OTP to verify, so that the account security is safe. We have a feature where users just have to key in their email to get an OTP to login. It is convenient and hassle-free, yet secure.
- As a user, I want to be able to see my total cost in the shopping cart, so that I know how much I have to pay. Our shopping cart page is coded so that everything can be viewed in a singular page. It includes the quantity, the ability to delete items from cart and the price updates accordingly to the quantity.
- As a user, I want to be able to redeem vouchers, so that I can save money on shopping. We have a promo code section in the cart page where users can redeem their promo code if they have. In this case, DISCOUNT10 is the promo code for demonstration purposes.
- As a user, I want to be able to contact staff if I encounter problems, so that I can resolve my issue(s) as soon as possible. We have a convenient contact us page, where users can either call us on the phone or just drop us a message in WhatsApp. Upon clicking on the WhatsApp icon, it will redirect users to our WhatsApp chat immediately, providing convenience.
- As a user, I want to be able to customise my own shoe, because I may not like some of the pre-designed shoes. We allow our users to customise their own shoes because we believe that everyone has different taste and preferences in design, be it colour or the shape of it.
- As a user, I want to be able to have multiple payment methods. We allow our users to pay by cards or PayNow, as they are the most fastest and convenient way to pay currently.
- Feature 1 : allows users to login via email by verifying with OTP to achieve convenience and hassle-free
- Feature 2 : allows users to redeem discount by typing in the promo code to save money
- Feature 3 : allows users to like, delete and adjust the quantity of an item in the shopping cart to allow convenience
- Feature 4 : allows users to be redirected to our WhatsApp chat by clicking on the WhatsApp icon in the Contact Us page to allow their issues to be resolved ASAP
- Feature 5 : allows users to customise their own shoe based on their preferences and colour choices
- Feature 6 : allows users to pay by either credit card or PayNow
- Feature 7 : allows users to have a 3D view of our current featured shoes of the week to have a better view and allow them to make better decisions.
- Feature 8 : allows users to
HTML https://html.com/ HTML is used for the foundation of the website
CSS https://www.w3.org/Style/CSS/Overview.en.html CSS is used for the layout and aesthetic of the website
JQuery https://jquery.com/ JQuery is used to simplify DOM manipulation.
JavaScript https://www.javascript.com/ JavaScript is used for animations and form validations in the website.
- GitHub Copilot : Email & OTP Login
- GitHub Copilot : Promo code & Discounts
-
Contact Us i. Go to Contact Page ii. Click on the WhatsApp icon iii. Should get redirected to WhatsApp chat
-
Login i. Click on account ii. Click next and it should ask you to fill up iii. Fill up your email and click next iv. Click next and it should ask you to fill up v. Fill up the OTP with non-numerical letters and an alert should pop out vi. Fill up the OTP with numerical letters and you should be logged in
-
Discount i. Go to Shopping Cart ii. Enter an invalid promo code and an alert should pop out iii. Enter DISCOUNT10 and it should be valid iv. Total cost is discounted
-
Shopping Cart i. Go to Shopping Cart ii. Like the item and the heart should turn red iii. Press delete and the item should be gone iv. Add or minus the quantity and the item quantity should increase/decrease respectively
The footer's details were assisted by ChatGPT
The photos used in the entire website was generated by AI with Adobe Firefly
Adidas and Nike website for the inspirations for our design