├── carrito-compras
├── src
│ ├── index.css
│ ├── assets
│ │ ├── img.jpg
│ │ └── react.svg
│ ├── main.jsx
│ ├── App.css
│ └── App.jsx
├── vite.config.js
├── README.md
├── .gitignore
├── index.html
├── package.json
├── eslint.config.js
└── public
│ └── vite.svg
├── img.png
├── Lista-Contactos
├── vite.config.js
├── src
│ ├── main.jsx
│ ├── App.css
│ ├── index.css
│ ├── assets
│ │ └── react.svg
│ └── App.jsx
├── README.md
├── .gitignore
├── index.html
├── package.json
├── eslint.config.js
├── public
│ └── vite.svg
└── package-lock.json
└── README.md
/carrito-compras/src/index.css:
--------------------------------------------------------------------------------
1 |
2 |
3 | @import "tailwindcss";
4 |
5 |
--------------------------------------------------------------------------------
/img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JohanBoDev/react-proyectos/HEAD/img.png
--------------------------------------------------------------------------------
/carrito-compras/src/assets/img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JohanBoDev/react-proyectos/HEAD/carrito-compras/src/assets/img.jpg
--------------------------------------------------------------------------------
/Lista-Contactos/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite';
2 | import react from '@vitejs/plugin-react';
3 | import tailwindcss from '@tailwindcss/vite';
4 |
5 | export default defineConfig({
6 | plugins: [react(), tailwindcss()],
7 | });
8 |
--------------------------------------------------------------------------------
/carrito-compras/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite';
2 | import react from '@vitejs/plugin-react';
3 | import tailwindcss from '@tailwindcss/vite';
4 |
5 | export default defineConfig({
6 | plugins: [react(), tailwindcss()],
7 | });
8 |
--------------------------------------------------------------------------------
/Lista-Contactos/src/main.jsx:
--------------------------------------------------------------------------------
1 | import { StrictMode } from 'react'
2 | import { createRoot } from 'react-dom/client'
3 | import './index.css'
4 | import App from './App.jsx'
5 |
6 | createRoot(document.getElementById('root')).render(
7 |
3 | No tienes contactos mi friend
45 | } 46 | returnNombre: {usuario.nombre}
55 |Edad: {usuario.edad}
56 |Correo: {usuario.correo}
57 |{producto.nombre}
109 | Precio: {producto.precio} 110 |Disponible
113 | 114 |{producto.nombre}
138 | {producto.precio} 139 |154 | Total: ${total} 155 |
156 |No tienes productos
166 |