Este proyecto se llama Arkadikos. En este repositorio tenemos la parte del frontend.
Trata sobre una pagina de la comunidad retro de videojuegos tanto para vender como para comprar productos. EL administrador tambien productos de merchandising.
El logo que tiene nuestra web es:
Hemos comenzado con unas funcionalidades que hacen del mpv. Ellas son:
- Como usuario navegar por secciones, comprar productos 1a mano y vender productos 2a mano.
- Loguearse con remember me y registrarse
- Carrito compra (CheckOut) //frontend y backend
- Buscador //frontend y backend, tal vez solo frontend
- Como usuario, tener un formulario para poner a la venta productos
- Opción de añadir en el carrito productos sin estar registrado, pero, para hacer la compra, registrarse será imprescindible.
Tenemos hecho casi todo el mpv, excepto el buscador de productos y la paginación
Se necesita tener instalado:
- El visual studio.
- Descargarse el framework angular.
- Tener a mano la pagina principal de bootstrap. Para el link de el y poder ir viendo las librerias que necesitamos.
- Tener el node.js instalado(Se utilizara mucho el comando npm install, para cuando no se nos instalan todos los componentes bien.)
- Tener Figma.(Para ver el diseño del mock-up y replicarlo).
- Tener intellig idea( para el backend).
- Tener instalado el MYSQL para poder crear la base de datos con los porductos.
Abrimos el visual studio y necesitamos crear un poryecto con angular. Antes de ellos tenemos que instalar angular con unos comandos y tener instalado el node.js en el ordenador. Los comandos necesario para descargar y crear el proyecto de angular, los tienes en la pagina principal de angular que es: https://angular.io/start. Cuando tienes creado el proyecto, tienes que linquear el bootstrap. El link que necesitas se encuentra es su pagina principal que es: https://getbootstrap.com/docs/5.0/getting-started/introduction/. Con ello solo queda deciros que para poder ir viendo como va quedando la pagina web necesitais tener dos terminales abiertos de en el visual studio de git bash. En uno de ellos mas haciendo los comandos de subir o de crear componentes y en el otro estas utilizando el ng serve para copilar la pagina web y se te vea en el navegador con el http://localhost:4200. Si te salen error en el terminal se te para el copilador y el mismo terminlar te dice que porblemas mas teniendo y en que archivo y linea. Para tener una copia de la pagina web que hay ahora de momento tienes que hacer un git clone en tu visual studio para que se baje el repositorio y tener hasta el útlimo detalle de lo que ya esta hecho. Te recomiendo que si quieres hacer cambios o mejorar la, hagas ramas nuevas desde develop. Con el nombre feature/.
Cuando unamos el frontend con el backend tenemos que tener abierto tanto el intellij Idea recopilando conectado con el xamp. En el xamp abierto y activado el apache y el MYSQL, para que en el frontend se pueda ver en el localhost:4200 toda el frontend con los porductos traidos de la base de datos.
1.Home page(slide, mas paginación con productos de la base de datos.) 2.Login y registrarse. 3. Crear producto. 4. Carrito.
- Trello.
- Figma.
- Balsamiq.
- Git/Git hub.
- VIsual Studio Code.
- Frameworks:
- Angular.
- Bootstrap.
- MYSQL.
Aqui tenemos el git hub del repositorio del backend: https://github.com/Anitameri/Arkadikos-backend.git.
- Jesus Otero - Desarrollador Fullstakc - https://github.com/jesusod.
- David Flaquer - Desarrollador Fullstack - https://github.com/Dfcc.
- Martí Puig - Desarrollador Frontend - https://github.com/Choephel108.
- Samuel Alonso - Desarrollador Fullstack - https://github.com/UndefinedBehaviourAndIllFormed.
- Ana Maria Adalid - Desarrollador Fullstack - https://github.com/Anitameri.
- Comenta a otros sobre este proyecto 📢
- Invita una cerveza 🍺 o un café ☕ o a lo que quieras a alguien del equipo o a todo el equipo.
- Da las gracias públicamente 🤓