QuickType

QuickType is a fully responsive landing page for selling keyboards, equipped with a built-in cart feature. It offers a seamless user experience and is optimized for compatibility across all devices, ensuring a smooth browsing and shopping experience.

Demo

QuickType is accessible online at this link.

Table of Contents

1. Installation
2. Features
3. Responsiveness

Installation

If you wish to run QuickType locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/danielzlatanov/quicktype.git

2. Open index.html in your web browser.

Features

• Responsive design
• Mobile menu
• Shopping cart
• Product showcase

Mobile Menu/Cart

The mobile menu and cart functionality in QuickType are controlled by the app.js file. Here's how it works:

• The mobile menu can be toggled by clicking the square icon in the header. (available for small and medium devices)
• The shopping cart can be opened by clicking the cart icon, both on desktop and mobile.

Responsiveness

Desktop and Mobile

quicktype.mov

Mobile Menu and Cart

menu.cart.mov