Skip to content

Este proyecto fue desarrollado en equipo, como requerimiento para la asignatura de Desarrollo de Aplicaciones Web. Perteneciente al Departamento de Telemática del programa de Ingeniería en Electrónica y Telecomunicaciones de la Universidad del Cauca.

Notifications You must be signed in to change notification settings

jdcarvajalc/pokedex-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖥 Proyecto Pokédex web app

npm version react version xampp version php version php version

© Repositorio de la base de datos utilizada

Pokemon-Database

© Diseño público en Figma utilizado

Pokédex design

📖 Instrucciones de uso

Para replicar este proyecto, debe realizar los siguientes pasos:

1️⃣ Clonar el repositorio en la carpeta htdocs de XAMPP

Debe asegurarse de estar dentro de la carpeta adecuada dependiendo de su sistema operativo:

  • Para Windows: cd C:\xampp\htdocs
  • Para S.O. basados en Unix: cd /c/xampp/htdocs

Una vez que esté en la ubicación adecuada, en su consola de preferencia ejecute:

git clone http://github.com/jdcarvajalc/pokedex-app.git

No olvide dejar su estrella ⭐ a este repositorio por favor!

2️⃣ Instalar dependencias

Una vez clonado el repositorio satisfactoriamente, en su consola de preferencia ejecute:

npm install

3️⃣ Ejecutar el proyecto de forma local

Una vez que haya terminado de instalar las dependencias , puede ejecutar el proyecto. En su consola de preferencia ejecute:

npm start

Este comando ejecuta la aplicación en modo de desarrollo.
Abra http://localhost:3000 para verla en su navegador de preferencia.

4️⃣ Iniciar los servidores de base de datos y web

Cuando ya tenga configurada la parte del FrontEnd, a través de XAMPP debe iniciar los servidores:

  • MySQL
  • Apache

5️⃣ Importar las bases de datos en MySQL

Utilizando XAMPP, con ayuda de phpMyAdmin puede importar las bases de datos pokedex_db y users por medio de los archivos:

⬆ Volver arriba ⬆

🎨 Referencia de colores

Color Hex
Color principal #aa3030 #aa3030
Color de título #d14444 #d14444
Color de texto #800e13 #800e13
Color de texto claro #ad2831 #ad2831
Color de borde #757575 #757575
Color de contenedor #fff #fff
Color de cuerpo #f6f8fc #f6f8fc

⬆ Volver arriba ⬆

🛠️ Stack

  • VSCode
  • PHP
  • Javascript
  • HTML
  • CSS
  • MySQL
  • XAMPP
  • Node
  • React
  • React router
  • MUI

⬆ Volver arriba ⬆

About

Este proyecto fue desarrollado en equipo, como requerimiento para la asignatura de Desarrollo de Aplicaciones Web. Perteneciente al Departamento de Telemática del programa de Ingeniería en Electrónica y Telecomunicaciones de la Universidad del Cauca.

Topics

Resources

Stars

Watchers

Forks