https://github.com/steake/bolt-sveltekit-nprhki
SeventyEighty
https://github.com/steake/bolt-sveltekit-nprhki
Last synced: about 1 month ago
JSON representation
SeventyEighty
- Host: GitHub
- URL: https://github.com/steake/bolt-sveltekit-nprhki
- Owner: Steake
- Created: 2024-10-23T23:40:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-24T00:17:44.000Z (over 1 year ago)
- Last Synced: 2025-03-03T05:29:48.445Z (over 1 year ago)
- Language: Svelte
- Homepage: https://SeventyEighty.com
- Size: 479 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Seventy Eighty
A luxury streetwear e-commerce platform built with SvelteKit.
## Features
- Responsive design optimized for all devices
- Dynamic product catalog with filtering and sorting
- Shopping cart with persistent state
- Product detail pages with size selection
- Modern, minimalist UI with custom branding
## Tech Stack
- SvelteKit - Full-stack web framework
- Svelte Stores - State management
- CSS Custom Properties - Theming and styling
- Custom Components - Modular UI architecture
## Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Build for production:
```bash
npm run build
```
## Project Structure
```
src/
├── lib/
│ ├── components/ # Reusable UI components
│ └── stores/ # Svelte stores for state management
├── routes/ # SvelteKit routes and pages
└── app.css # Global styles and CSS variables
```
## Components
- `Cart.svelte` - Shopping cart sidebar
- `Logo.svelte` - Brand logo with variants
- `ProductCard.svelte` - Product display card
- `ProductFilter.svelte` - Category and sort filters
## Styling
The project uses CSS custom properties for consistent theming:
- Brand colors
- Typography
- Layout measurements
- Component-specific variables
## License
All rights reserved © Seventy Eighty