Code Monkey home page Code Monkey logo

pokedex-app's Introduction

🖥 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 ⬆

pokedex-app's People

Contributors

jdcarvajalc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.