Shopy is a modern e-commerce platform designed specifically for small businesses. This repository contains the codebase for the Shopy marketing website.
- Landing page - Showcasing Shopy's main features and value proposition
- About Us - Company mission, team, and values
- News Room - Press releases and media resources
- Blog - Articles and resources for small business owners
- Careers - Open positions and company culture
- Frontend Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Routing: React Router
- Data Fetching: TanStack Query (React Query)
- Icons: Lucide React
- Node.js (v16 or later recommended)
- npm (v7 or later recommended)
-
Clone the repository
git clone <YOUR_GIT_URL> cd shopy-website
-
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser and visit
http://localhost:8080
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── ui/ # shadcn/ui components
│ │ └── ... # Custom components
│ ├── pages/ # Page components
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utility functions and shared logic
│ ├── App.tsx # Main app component with routes
│ └── main.tsx # Entry point
├── tailwind.config.ts # Tailwind CSS configuration
└── vite.config.ts # Vite configuration
- Colors: Primarily using the Shopy purple color palette defined in
tailwind.config.ts - Typography: Modern, clean sans-serif fonts
- Components: Shadcn UI components customized to match Shopy branding
- Follow the existing component structure when adding new features
- Use Tailwind CSS for styling
- Ensure responsive design for all screen sizes
- Keep accessibility in mind (proper contrast, semantic HTML, etc.)
- Document new components and functions with comments
This project is set up for deployment through Lovable. To deploy:
- Visit your Lovable project dashboard
- Click on "Publish" in the top-right corner
- Follow the deployment steps
Copyright © 2023-present Shopy, Inc. All rights reserved.