QuickMart

🚀 QuickMart Landing Page

A fast, modern, and fully responsive landing page for the QuickMart mobile application — designed using React, TypeScript, Tailwind CSS, and Vite. This project is optimized for performance, responsiveness, and easy customization.

🌐 Live Preview: quickmartlandingpage.netlify.app

---

📸 Screenshots

Note: Replace with actual screenshots if available.

---

📦 Tech Stack

Technology	Description
React	JavaScript library for building UIs
TypeScript	Strongly typed JavaScript
Tailwind CSS	Utility-first CSS framework
Vite	Lightning-fast frontend build tool
PostCSS	CSS transformer (used internally by Tailwind)
ESLint	Code linting and formatting
Git	Version control

---

🔧 Features

• ✅ Fully responsive for all screen sizes
• ⚡ Fast load times and optimized assets
• 🎨 Clean and modern UI
• 🧩 Modular and reusable components
• 📱 App download section with CTA
• 📋 Easy to customize for other products or apps

---

📁 Project Structure

project/ ├── public/ # Static files ├── src/ │ ├── assets/ # Images, logos, etc. │ ├── components/ # Reusable React components │ ├── App.tsx # Main component │ ├── main.tsx # App entry point │ └── index.css # Global styles (Tailwind) ├── .bolt/ # Bolt project configs ├── package.json # Project metadata & dependencies ├── tailwind.config.js # Tailwind customization ├── vite.config.ts # Vite setup └── tsconfig.json # TypeScript configuration

---

🚀 Getting Started

Prerequisites

Make sure you have Node.js (v16+) and npm installed:

node -v
npm -v
Installation
Clone the repository


git clone https://github.com/yourusername/quickmart-landing-page.git
cd quickmart-landing-page
Install dependencies


npm install
Start development server


npm run dev
Open in browser: http://localhost:5173

🧪 Available Scripts
npm run dev – Run development server with hot reload

npm run build – Build optimized static site

npm run lint – Check for linting errors

📤 Deployment
This site is deployed via Netlify.

To deploy your own version:

Create a Netlify account.

Connect your GitHub repo.

Set build command to: npm run build

Set publish directory to: dist

💡 Customization Tips
Modify src/components to change content or design

Replace logo/images in src/assets

Tailwind styles can be updated in tailwind.config.js

Update colors and fonts using Tailwind utility classes

🙋‍♂️ Author
Priyanshu Raj
Frontend Developer & Student Engineer
📍 India
🔗 LinkedIn | GitHub

📄 License
This project is open-source and available under the MIT License.

⭐ Show Your Support
If you like this project, give it a ⭐ on GitHub or share it with others!