¡Hola! Soy Mario Johar
Desarrollador frontend con
conocimientos en el stack MERN

Pokedex

React.js, React Router

Fecha: Septiembre-2019

Puedes verlo en: Pokedex

Repositorio: Pokedex

La mejor forma de organizar tus pokemons. Con la pokedex, podrás encontrar todos los pokemons de la región de Kanto.
Utilizando la pokeapi, se obtienen los datos (nombre, imagen, tipo y habilidades) de la primera generación de Pokemones (150 datos). Al traer los datos, se muestra un Loader para que el usuario pueda saber que los datos se están cargando y no encuentre algunos campos vacíos. Incluye un buscador para encontrar de forma más sencilla a los Pokemones. La selección del usuario se mostrará al presionar el botón Guardar

Platzi Video

HTML, CSS, SASS y JS

Fecha: En desarrollo

Puedes verlo en: PlatziConf Hawaii

Repositorio: Próximamente

Proyecto realizado en la carrera de la Escuela de Javascript de Platzi.
Un clon de Netflix que fue desarrollado desde la preparación del ambiente de trabajo, desarrollo Frontend, Responsive Design, agregar páginas y navegación, manejo de estados, crear servidores con Express, autenticación, seguridad, testing y despliegue de la aplicación.

Platzi Badges

React.js, React-Router y Bootstrap

Fecha: Septiembre-2019

Repositorio: Platzi Badges

Proyecto realizado en el curso de React.js de Platzi.
Plataforma para llevar registro de los asistentes a la Platzi Conf, haciendo posible que cada usuario registrado pueda ingresar su información personal. Cada uno de ellos tendrá un rol diferente y esto se verá reflejado en su badge. También incluye una página que permite listar a todos los participantes y hacer búsqueda por nombre.

Platzi Games

Preprocesadores Sass y PUG

Fecha: Septiembre-2019

Repositorio: Platzi Games

Proyecto realizado en el curso de Preprocesadores de Platzi.
Platzi Games es un portal dedicado a publicar las últimas noticias relacionadas al gaming. Se utilizaron funciones, variables y condicionales para reutilizar código y organizarlo de manera óptima.

PlatziConf Hawaii

Bootstrap, HTML, CSS y Javascript

Fecha: Septiembre-2019

Puedes verlo en: PlatziConf Hawaii

Repositorio: Repo PlatziConf Hawaii

Proyecto realizado en el curso de Bootstrap de Platzi.
Landing page responsive para presentar una conferencia ficticia de Platzi. Se tiene un navbar, un carrusel de imágenes, cards, forms, modals y otros elementos de Bootstrap.

Proyecto e-sports

MERN Stack (Mongo, Express, React, Node.js)

Fecha: En desarrollo

Puedes verlo en: Proximamente

Proyecto realizado al final del bootcamp FullStack Javascript de Bedu.
Plataforma que une jugadores con equipos de esports. Tanto los jugadores como los equipos tienen un perfil que muestra su información de contacto y sus mayores logros.

Tienda de guitarras

MongoDB, express y node.js

Fecha:18/04/2019

Repositorio: Guitar Shop

Proyecto realizado en el bootcamp FullStack Javascript de Bedu.
Tienda de comercio electrónico en la que se realizó el backend y la base de datos. Las contraseñas de los usuarios están encriptadas usando la librería 'bcrypt', se mantiene la sesión del usuario sobre el navegador (lado del cliente) con 'cookie-parser', y transmitimos de forma segura la información entre parte como un JSON usando 'jsonwebtoken'.

Simon Says

HTML, CSS y JS

Fecha:19/12/2018

Puedes verlo en: Simon Says

Repositorio: Repo Simon Says

Proyecto desarrollado en el curso de Fundamentos de Javascript de Platzi.
El clásico juego de simón dice.

Restaurantes

HTML, CSS y JS. API de Google Maps

Fecha:19/12/2018

Puedes verlo en: Restaurantes

Repositorio: Repo Restaurantes

Se muestran los datos de distintos restaurantes, extrayéndolos de una url usando el método fetch. También se usa la API de Google Maps para mostrar la ubicación del restaurante, dependiendo de las coordenadas que se tengan.