https://github.com/rinkyn05/basic-shop-php-html-css
Rinkyn Codes - Tienda PHP Demo - Sitio Web Básico - Estilo Tienda - Creado Con PHP, HTML Y CSS 🌐 Este es un proyecto sencillo de una tienda en línea, creado utilizando PHP, HTML y CSS. El objetivo principal es aprender y practicar las bases del desarrollo web dinámico
https://github.com/rinkyn05/basic-shop-php-html-css
css css3 html html-css html5 html5-css3 javascript js json php php8
Last synced: 2 months ago
JSON representation
Rinkyn Codes - Tienda PHP Demo - Sitio Web Básico - Estilo Tienda - Creado Con PHP, HTML Y CSS 🌐 Este es un proyecto sencillo de una tienda en línea, creado utilizando PHP, HTML y CSS. El objetivo principal es aprender y practicar las bases del desarrollo web dinámico
- Host: GitHub
- URL: https://github.com/rinkyn05/basic-shop-php-html-css
- Owner: rinkyn05
- Created: 2025-01-22T14:33:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-25T19:55:27.000Z (over 1 year ago)
- Last Synced: 2025-04-02T12:37:45.980Z (over 1 year ago)
- Topics: css, css3, html, html-css, html5, html5-css3, javascript, js, json, php, php8
- Language: PHP
- Homepage: https://rinkyn05.github.io/basic-shop-php-html-css/
- Size: 2.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rinkyn Codes - Tienda PHP Demo - Sitio Web Básico - Estilo Tienda - Creado Con PHP, HTML Y CSS 🌐
Este es un proyecto sencillo de una **tienda en línea**, creado utilizando **PHP**, **HTML** y **CSS**. El objetivo principal es aprender y practicar las bases del desarrollo web dinámico, diseñando una estructura funcional para gestionar productos, carrito de compras y pedidos.
---
## 🌟 Características
- **Diseño limpio y profesional**: Ideal para pequeñas tiendas o proyectos de aprendizaje.
- **Estructura bien organizada**: Secciones principales como **header**, **categorías**, **productos**, **carrito**, y **footer**.
- **Completamente funcional**: Incluye funcionalidades básicas de una tienda como:
- Gestión de productos.
- Carrito de compras dinámico.
- Procesamiento de pedidos.
- **Responsive Design**: Adaptado a dispositivos móviles, tablets y escritorios.
- **Uso de Font Awesome**: Íconos decorativos y funcionales para mejorar la experiencia del usuario.
- **Código modular**: Separación clara entre lógica (PHP), estructura (HTML) y estilos (CSS).
---
## 🖼️ Vista Previa
### 📌 Demo en Vivo
Haz clic aquí para ver el demo en vivo
### 📄 Página Principal
### 📄 Detalles del Producto
### 📄 Carrito de Compras
---
## 💂️️ Estructura del Proyecto
El proyecto sigue una estructura organizada para facilitar la navegación, personalización y escalabilidad:
```plaintext
raiz/
├── index.php # Página principal de la tienda
├── paginas/
│ ├── productos.php # Página de listado de productos
│ ├── carrito.php # Página del carrito de compras
│ ├── contacto.php # Página de contacto
│ └── categorias.php # Página para mostrar productos por categoría
├── includes/ # Archivos reutilizables (header, footer, etc.)
├── multimedia/ # Carpeta que contiene las imágenes utilizadas
├── css/ # Archivos CSS para el diseño y estilos
├── php/ # Lógica de negocio (controladores, funciones, etc.)
├── db/ # Archivos relacionados con la base de datos
├── js/ # Archivos JavaScript opcionales
├── sql/ # Scripts SQL para crear la base de datos
├── assets/ # Archivos estáticos adicionales
└── README.md # Documentación del proyecto
```
---
## 🚀 Cómo Usar
### Clonar el Repositorio
Clona el proyecto a tu máquina local usando el siguiente comando:
```bash
git clone https://github.com/rinkyn05/php_store_demo
```
### Configuración de la Base de Datos
1. Asegúrate de tener un servidor local configurado (por ejemplo, XAMPP o WAMP).
2. Crea una base de datos nueva en tu servidor local.
3. Importa el archivo `sql/db_setup.sql` en tu base de datos para crear las tablas necesarias.
4. Actualiza el archivo `php/config.php` con tus credenciales de base de datos:
```php
connect_error) {
die("Error en la conexión: " . $conn->connect_error);
}
?>
```
### Ejecutar el Proyecto
1. Mueve el proyecto a la carpeta `htdocs` de tu servidor local.
2. Accede al proyecto desde tu navegador en la URL:
```
http://localhost/php_store_demo/
```
### Personalización
- **Agregar productos**: Modifica los datos directamente en la base de datos o crea un panel de administración en la carpeta `paginas/admin/`.
- **Actualizar diseño**: Modifica los archivos CSS en la carpeta `css/`.
- **Ampliar funcionalidad**: Agrega nuevas funciones en la carpeta `php/`.
### Subir a un Servidor
1. Sube todos los archivos del proyecto a tu servidor web.
2. Configura las credenciales de base de datos en el archivo `php/config.php`.
3. Asegúrate de que las extensiones de PHP necesarias (como MySQLi) estén habilitadas en el servidor.
---
## 🛠️ Tecnologías Utilizadas
- **PHP**: Lógica de negocio y conexión con la base de datos.
- **HTML5**: Estructura semántica y moderna.
- **CSS3**: Diseño responsivo y atractivo.
- **MySQL**: Base de datos para almacenar productos, pedidos y usuarios.
- **Font Awesome**: Íconos decorativos y funcionales.
---
## 📝 Licencia
Este proyecto está bajo la licencia **MIT**. Puedes usarlo, modificarlo y distribuirlo libremente. 🎉
---
## ❤️ Contribuciones
¡Las contribuciones son bienvenidas! Si deseas agregar más funcionalidades o mejorar el diseño, no dudes en hacer un pull request.