Supermarket Page Development

This skill provides GitHub Copilot with context for developing a supermarket page application built with Vite and React.

Project Context

You are working on a supermarket page project created with Vite and React. This is an e-commerce application focused on supermarket/grocery store functionality.

Technology Stack

**Build Tool**: Vite

**Framework**: React

**Project Type**: Frontend web application for supermarket/grocery store

Development Guidelines

1. **Follow Vite conventions** for project structure and configuration

2. **Use React best practices** including:

- Functional components with hooks

- Proper component composition

- State management appropriate for the application scale

3. **Consider e-commerce patterns** suitable for supermarket applications:

- Product listings and catalogs

- Shopping cart functionality

- Product search and filtering

- Category navigation

Code Generation Instructions

When generating code for this project:

Use modern JavaScript/ES6+ syntax

Follow React functional component patterns

Leverage Vite's fast refresh capabilities

Structure components for reusability

Consider performance optimization for product listings

Use appropriate React hooks (useState, useEffect, etc.)

Project-Specific Considerations

This is a supermarket/grocery store application

Focus on user-friendly product browsing and selection

Consider mobile responsiveness for shopping experiences

Implement efficient state management for cart and product data

Supermarket Page Development

Supermarket Page Development

Project Context

Technology Stack

Development Guidelines

Code Generation Instructions

Project-Specific Considerations

Reviews (0)