An open API service indexing awesome lists of open source software.

https://github.com/akashch1512/crystalreadymades.com

Full-stack e-commerce platform for crystal-enhanced fashion and dΓ©cor, built with FastAPI, PostgreSQL, and React.
https://github.com/akashch1512/crystalreadymades.com

fastapi python react

Last synced: about 1 month ago
JSON representation

Full-stack e-commerce platform for crystal-enhanced fashion and dΓ©cor, built with FastAPI, PostgreSQL, and React.

Awesome Lists containing this project

README

          

# πŸ’Ž Crystal Readymades

**Crystal Readymades** is a full-stack e-commerce platform for crystal-enhanced fashion, accessories, and home dΓ©cor.
Built with a **FastAPI backend**, **PostgreSQL database**, and **React + TypeScript frontend**.

---

## πŸš€ Tech Stack

### Backend

* **FastAPI**
* **SQLAlchemy**
* **PostgreSQL**
* **Pydantic**
* **Uvicorn**

### Frontend

* **React**
* **TypeScript**
* **Vite**
* **Tailwind CSS**
* **Axios**
* **React Router**

---

## πŸ“¦ Features

* Category & product management
* RESTful API
* PostgreSQL relational database
* Clean API β†’ Frontend data flow
* Modular & scalable architecture
* Ready for authentication, orders, and payments

---

## πŸ“ Project Structure

```
crystal-readymades/
β”œβ”€β”€ backend/
β”‚ β”œβ”€β”€ app/
β”‚ β”‚ β”œβ”€β”€ api/
β”‚ β”‚ β”œβ”€β”€ database/
β”‚ β”‚ β”œβ”€β”€ schemas/
β”‚ β”‚ └── main.py
β”‚ └── .env
β”‚
β”œβ”€β”€ frontend/
β”‚ β”œβ”€β”€ src/
β”‚ β”œβ”€β”€ components/
β”‚ β”œβ”€β”€ hooks/
β”‚ └── pages/
β”‚
└── README.md
```

---

## βš™οΈ Backend Setup

### 1️⃣ Create virtual environment

```bash
python -m venv .venv
source .venv/bin/activate # Linux/Mac
.venv\Scripts\activate # Windows
```

### 2️⃣ Install dependencies

```bash
pip install -r requirements.txt
```

### 3️⃣ Environment variables (`.env`)

```env
DATABASE_URL=postgresql://username:password@localhost:5432/crystal_db
```

### 4️⃣ Run backend

```bash
uvicorn app.main:app --reload
```

Backend runs on:

```
http://127.0.0.1:8000
```

---

## 🌐 Frontend Setup

```bash
cd frontend
npm install
npm run dev
```

Frontend runs on:

```
http://localhost:5173
```

---

## πŸ”— API Example

```http
GET /categories
```

Response:

```json
[
{
"id": 1,
"name": "Clothing",
"slug": "clothing",
"image": "...",
"description": "Trendy clothes for all occasions"
}
]
```

---

## 🧠 Architecture Principles

* Backend is the **single source of truth**
* Frontend consumes **only API data**
* DB sessions are **request-scoped**
* Clean separation of concerns

---

## πŸ› οΈ Future Enhancements

* Authentication & authorization
* Product reviews & ratings
* Cart & checkout
* Admin dashboard
* Payments integration
* Search & filters

---

## πŸ‘¨β€πŸ’» Author

**Crystal Readymades Team**
Built with ❀️ using FastAPI & React