https://github.com/marknature/django-docker_projects
This repository is where i store all my practice Django, Docker and Database projects.
https://github.com/marknature/django-docker_projects
django html-css-javascript javascript mysql postgresql python3 sqlite webdevelopment
Last synced: 3 months ago
JSON representation
This repository is where i store all my practice Django, Docker and Database projects.
- Host: GitHub
- URL: https://github.com/marknature/django-docker_projects
- Owner: marknature
- License: mit
- Created: 2025-07-09T09:17:51.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-13T23:08:15.000Z (11 months ago)
- Last Synced: 2025-08-14T00:25:30.428Z (11 months ago)
- Topics: django, html-css-javascript, javascript, mysql, postgresql, python3, sqlite, webdevelopment
- Language: Python
- Homepage:
- Size: 3 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🛠️ Full-Stack Projects Repository
Welcome to my collection of full-stack projects and mini-projects, featuring Django applications containerized with Docker alongside modern web development technologies. This repository showcases both complete applications and smaller utilities built as part of my learning journey and contributions to real-world problems.
## 📁 Repository Structure
```
full-stack-projects/
│
├── django-projects/
│ ├── project-name-1/
│ │ ├── docker-compose.yml
│ │ ├── Dockerfile
│ │ ├── requirements.txt
│ │ ├── manage.py
│ │ └── app/
│ └── mini-project-1/
│
├── react-projects/
│ ├── next-app-1/
│ └── react-mini-project/
│
├── node-projects/
│ ├── express-api/
│ └── node-utilities/
│
├── java-projects/
│ └── spring-boot-app/
│
├── database-projects/
│ ├── mysql-schemas/
│ ├── postgresql-migrations/
│ └── supabase-integrations/
│
└── README.md
```
## 🧰 Tech Stack
### Backend Technologies
- **Python:** [Django](https://www.djangoproject.com/), Flask
- **Java:** Spring Boot, Core Java
- **Node.js:** Express.js, REST APIs
- **Containerization:** [Docker](https://www.docker.com/), Docker Compose
### Frontend Technologies
- **React:** [React.js](https://reactjs.org/)
- **Next.js:** [Next.js](https://nextjs.org/) for server-side rendering
- **Vanilla Web:** HTML5, CSS3, JavaScript (ES6+)
- **Styling:** Bootstrap, Tailwind CSS, Material-UI
### Databases
- **SQL Databases:** MySQL, PostgreSQL, SQLite
- **Cloud Database:** [Supabase](https://supabase.com/)
- **Database Tools:** pgAdmin, MySQL Workbench
#### Database Comparison Overview
- **MySQL**: Optimized for speed and simplicity, ideal for web applications and read-heavy workloads. Great for beginners with straightforward setup and excellent performance for simple operations.
- **PostgreSQL**: Advanced features with strong data integrity, MVCC (Multi-Version Concurrency Control), and full SQL compliance. Perfect for complex queries, custom data types, and applications requiring strict data consistency.
- **SQLite**: Lightweight, serverless database perfect for development, testing, and small applications.
- **Supabase**: Modern PostgreSQL-based backend-as-a-service with real-time capabilities, authentication, and API generation.
### Dev Tools
- **Version Control:** Git, GitHub
- **Editors:** VS Code, IntelliJ IDEA
- **Deployment:** Docker, Vercel, Railway
## 🚀 Getting Started
### Prerequisites
Ensure you have the following installed:
- Docker: [Install Docker](https://docs.docker.com/get-docker/)
- Docker Compose
- Node.js: [Install Node.js](https://nodejs.org/)
- Python 3.8+: [Install Python](https://www.python.org/)
- Java 11+: [Install Java](https://adoptopenjdk.net/) (for Java projects)
- Git
### Clone the Repository
```bash
git clone https://github.com//full-stack-projects.git
cd full-stack-projects
```
### Running Projects
#### Django Projects (Docker)
```bash
cd django-projects/project-name-1
docker-compose up --build
```
Your Django app will be available at `http://localhost:8000`.
#### React/Next.js Projects
```bash
cd react-projects/next-app-1
npm install
npm run dev
```
Your React app will be available at `http://localhost:3000`.
#### Node.js Projects
```bash
cd node-projects/express-api
npm install
npm start
```
Your Node.js API will be available at `http://localhost:3001`.
#### Java Projects
```bash
cd java-projects/spring-boot-app
./mvnw spring-boot:run
```
Your Java app will be available at `http://localhost:8080`.
## 🧪 Example Projects
### 🔹 Full-Stack Blog Platform
**Tech Stack:** Django + React + PostgreSQL + Docker
* `/django-projects/blog-platform`
* Features: User authentication, post editor, comment system, admin dashboard
* Dockerized with PostgreSQL database
### 🔹 E-commerce API
**Tech Stack:** Node.js + Express + MySQL + React
* `/node-projects/ecommerce-api` + `/react-projects/ecommerce-frontend`
* Features: Product catalog, user management, order processing
* MySQL database with React frontend
### 🔹 Task Management App
**Tech Stack:** Next.js + Supabase
* `/react-projects/task-manager`
* Features: Real-time updates, user authentication, project collaboration
* Supabase backend with Next.js frontend
### 🔹 Java Spring Boot REST API
**Tech Stack:** Java + Spring Boot + PostgreSQL
* `/java-projects/inventory-system`
* Features: CRUD operations, JWT authentication, data validation
* PostgreSQL database integration
### 🔹 Database Learning Projects
* `/database-projects/mysql-schemas` - MySQL database design patterns
* `/database-projects/postgresql-migrations` - Advanced PostgreSQL features
* `/database-projects/supabase-integrations` - Real-time database applications
## 🗄️ Database Configurations & Use Cases
### MySQL
```yaml
# docker-compose.yml example
services:
db:
image: mysql:8.0
environment:
MYSQL_DATABASE: myapp_db
MYSQL_USER: myapp_user
MYSQL_PASSWORD: password123
```
**Best for**: Web applications, content management systems, e-commerce platforms, read-heavy workloads
### PostgreSQL
```yaml
# docker-compose.yml example
services:
postgres:
image: postgres:13
environment:
POSTGRES_DB: myapp_db
POSTGRES_USER: postgres
POSTGRES_PASSWORD: password123
```
**Best for**: Data analytics, complex applications, financial systems, applications requiring data integrity
### SQLite
```python
# Simple Python connection
import sqlite3
conn = sqlite3.connect('database.db')
```
**Best for**: Development, testing, mobile apps, small desktop applications
### Supabase
```javascript
// supabase configuration
import { createClient } from '@supabase/supabase-js'
const supabaseUrl = 'your-project-url'
const supabaseKey = 'your-anon-key'
const supabase = createClient(supabaseUrl, supabaseKey)
```
**Best for**: Rapid prototyping, real-time applications, modern web apps, JAMstack projects
### Database Selection Guide
| Use Case | Recommended Database | Why |
|----------|---------------------|-----|
| Simple web app | MySQL | Fast, reliable, easy setup |
| Complex analytics | PostgreSQL | Advanced features, data integrity |
| Mobile/Desktop app | SQLite | Lightweight, serverless |
| Real-time features | Supabase | Built-in real-time, easy auth |
| Learning/Development | SQLite → MySQL → PostgreSQL | Progressive complexity |
## 🗃️ Additional Notes
* All environments are isolated via Docker containers
* Database credentials and environment settings can be found in `.env.example` files
* Default admin credentials (when applicable):
* **Username:** `admin`
* **Password:** `admin123`
* Each project includes its own README with specific setup instructions
## 🎯 Future Improvements
* **DevOps:** Add CI/CD pipeline with GitHub Actions
* **Cloud:** Deploy to AWS, Google Cloud, or Azure
* **Performance:** Add Redis caching and load balancing
* **Testing:** Implement comprehensive test suites
* **Security:** Add OAuth2, JWT authentication across all projects
* **Monitoring:** Integrate logging and monitoring solutions
## 📚 Learning Resources
This repository serves as a practical implementation of concepts from:
- Web development bootcamps and courses
- Database design principles
- Container orchestration best practices
- Modern JavaScript frameworks
- Backend API development
- Full-stack application architecture
## 📬 Contact
Feel free to connect with me on:
* 🌐 [LinkedIn](https://www.linkedin.com/in/marknature-c/)
## 📄 License
This repository is open-source and available under the [MIT License](LICENSE).