https://github.com/staciax/django-book-store
Anime Book Store written in Django (with next.js app router in django)
https://github.com/staciax/django-book-store
djnago docker docker-compose nextjs postgresql python tailwindcss
Last synced: 12 months ago
JSON representation
Anime Book Store written in Django (with next.js app router in django)
- Host: GitHub
- URL: https://github.com/staciax/django-book-store
- Owner: staciax
- License: mit
- Created: 2024-04-19T14:59:02.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-19T17:22:16.000Z (over 1 year ago)
- Last Synced: 2025-03-19T17:22:30.916Z (over 1 year ago)
- Topics: djnago, docker, docker-compose, nextjs, postgresql, python, tailwindcss
- Language: Python
- Homepage:
- Size: 406 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Novel, Anime, and Comic Book Store Written in Django
This is a project for my university Web Programming course, where I was assigned to develop a website using the Django framework.
I created an e-commerce platform for novels, anime, and comic books.
> **Note:** This project is purely academic and created for university coursework. All preview images showing copyrighted content are used solely for educational demonstration.
## Preview Images
Show more
## Features
- [x] Membership
- [x] Product Search
- [x] Shopping Cart
- [x] Payment
- [x] Order History
## Requirements
- [Python](https://www.python.org) 3.12+
- [Node.js](https://nodejs.org/en) 20+
## Environment Variables
Create a .env file in the project and add the following Environment Variables:
```py
# django
DJANGO_SECRET_KEY='secret'
DJANGO_DEBUG='True'
DJANGO_ALLOWED_HOSTS='*'
DJANGO_CSRF_TRUSTED_ORIGINS='http://, https://'
# payment
PROMPTPAY_ID='0987654321'
# postgres
POSTGRES_DB='database'
POSTGRES_USER='username'
POSTGRES_PASSWORD='password'
POSTGRES_HOST='hostname'
POSTGRES_PORT='5432'
```
## Setup
1. Create a Virtual Environment using uv
```bash
uv venv
```
2. Install necessary packages for the project
```bash
# python package with uv
uv sync
# node package (for tailwindcss, linting, formatting, etc.)
npm install
```
3. Setup the project
```bash
make setup
```
4. Run the project
```bash
make run
```
## Setup for Development
1. Run the project
```bash
make run
```
2. Run tailwindcss in watch mode
```bash
npm run dev
```
## Router (Like Next.js App Router)
For example, define a route with the file `page.py` in the `[app]/routes` folder:
```python
from django.shortcuts import render
def page(request):
"""home"""
# You can also name the page
# path(..., ..., name='home')
context = {}
return render(request, 'page.html')
```
Or
```python
from store.core.routers import render
def page(request):
"""home"""
context = {}
# template name is auto detected
# it will look for page.html in the same directory as page.py
return render(request, context)
```
| Route | Example URL | params |
| ------------------------------------ | ----------- | ------------- |
| `[app]/routes/page.py` | `/` | `{}` |
| `[app]/routes/info/page.py` | `/info/` | `{}` |
| `[app]/routes/(group)/about/page.py` | `/about/` | `{}` |
| `[app]/routes/user/[slug]/page.py` | `/user/1/` | `{'slug': 1}` |
### Example folder structure
```
[app]
├── migrations
│ └── __init__.py
├── routes
│ ├── (auth) # group
│ │ ├── login
│ │ │ ├── page.html # template
│ │ │ └── page.py # route
│ │ └── register
│ │ ├── page.html
│ │ └── page.py
│ ├── info
│ │ └── page.html
│ │ └── page.py
│ ├── user
│ │ └── [user_id] # with parameter
│ │ ├── page.html
│ │ └── page.py
│ ├── layout.html # base layout
│ ├── page.html # template
│ └── page.py # route
├── __init__.py
├── admin.py
├── apps.py
├── models.py
├── tests.py
├── urls.py
└── views.py
```
## Inspiration Websites
- [Phoenix Next](https://www.phoenixnext.com) :heart:
- [Animate BKK](https://animatebkk-online.com)
- [Naiin](https://www.naiin.com)
- [MEB Market](https://www.mebmarket.com)
# License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.