https://github.com/allan6757/sole-ties254
This is a live link to a online thrift shop
https://github.com/allan6757/sole-ties254
bootstrap css html javascript tailwindcss
Last synced: 2 months ago
JSON representation
This is a live link to a online thrift shop
- Host: GitHub
- URL: https://github.com/allan6757/sole-ties254
- Owner: allan6757
- Created: 2025-06-27T22:19:39.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-27T22:51:58.000Z (about 1 year ago)
- Last Synced: 2025-06-27T23:27:43.515Z (about 1 year ago)
- Topics: bootstrap, css, html, javascript, tailwindcss
- Language: JavaScript
- Homepage: https://allan6757.github.io/Sole-ties254/
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sole Ties Thrift Shop
**Sole Ties** is a web-based thrift shop for sneakers and shoes. It allows users to browse available products, add items to their cart, buy shoes, and keep track of purchased ("shopped") items—all with a clean, easy-to-use interface.
## Features
- **Browse Products:** View a curated list of pre-loved and new sneakers.
- **Add to Cart:** Select shoes and add them to your shopping cart.
- **Buy Items:** Purchase shoes directly from your cart or from the products page.
- **Shopped Items:** See a list of items you have purchased (“Shopped Items”).
- **Persistent Cart & Purchases:** Cart and purchase history are saved in your browser.
- **Easy Navigation:** Switch between Products, Shopped Items, and About sections.
- **Social Links:** Follow us on TikTok and Instagram.
## Getting Started
### 1. Backend Setup
This project uses [`json-server`](https://github.com/typicode/json-server) for a mock REST API.
- Make sure you have Node.js installed.
- Install json-server globally (if needed):
```bash
npm install -g json-server
```
- Start the API (from the project root):
```bash
json-server --watch db.json --port 3001
```
### 2. Frontend Setup
- Open `index.html` in your browser.
- The frontend will automatically fetch products from the running API.
## Deploying Your API
To keep your API always available (even when your computer is off), deploy your project (including `db.json` and `package.json`) to a cloud service like [Render.com](https://render.com/) or [Railway](https://railway.app/).
## Customization
- Edit `db.json` to add, remove, or change products.
- Update social links and branding in `index.html` as needed.
## License
This project is for educational and demonstration purposes.