About Me

Hello, my name is Juan Jesús, and I'm Frontend & CMS Web Developer.

Ever since I discovered my passion for programming, I have been dedicating time and effort to constantly improve my skills in both design development and the logic behind the client-side of web development.

Thrilled to continue growing as a developer, I remain open to learning opportunities and professional growth. If you have any questions or would like to collaborate on a project, feel free to reach out to me

Skills

  • Javascript

  • Typescript

  • React

  • Redux

  • Angular

  • Git

  • Html

  • CSS

  • SASS

  • Bootstrap

  • Tailwind

  • WordPress

  • PHP

  • PrestaShop

All utilities used

All the utilities, methods, and techniques below include the ones he developed at least once in some project of his own and I have a basic notion:

Javascript - Typescript

Techniques: POO, DOM manage - AJAX, API Request

Libraries: SweeetAlerts2, Bcryptjs, JWT, querystring, Axios

Tools: Quicktype

React

Tecniques: Routes protection, customHooks, Redux, CRUD

Libraries/Tools: Redux Tookit, RTK Query, Material UI, React Big Calendar, React Datepicker,

Tests: Jest, React Testing Library

Angular

Tecniques: Routes protection, Lazyloading, CRUD, react forms, guards, Signals,

Libraries/Tools: Rxjs, Angular Material, PrimeNG

CSS:

Frameworks: Bootstrap, Tailwind.css,

Preprocessors: SASS, LESS, PostCSS

Libraries: Animate.css

Methods: Responsive Design Flex, Grid

HTML

Git-GitHub

CMS

WordPress

PrestaShop

Woocommerce

PHP

RankMath SEO

Backend:

Development: Nodejs (Express), Nest.js

Preconfigured: Firebase, Firestore

Storage: Cloudinary

Database: Mongo

Tecniques: Json Web Server

Hosting:

Services: Vercel, Netlify, github.pages, Hostinger

Tecniques: Dot Env

Index: Google Analitics, Google Search Console, Bing Websmasters Tools,

Software

PostMan

Docker

Mongo Compass

Visual Studio Code

Excel

My projects

The following projects have been created in order to practice the acquired knowledge, some focus on learning the development of logic and others on the development of design.

My custom ecommerce

Web application of a store created with Angular to serve as a template. With shopping cart, wish list, payment gateway, user panel, user auth.

Web GitHub Video

easyinfo.click

Professional assignment for a news and articles journal created with WordPress. With custom template, SEO techniques, security protection techniques, Google indexing through sitemaps. Hosting and domain management.

Web

My calendar

Web Application Project MERN Stack of a group calendar, with CRUD of events, user authentication, route protection, password encryption and token validation.

Web GitHub

User Auth Web

Web Application Project for user authentication with Nest to the backend, Mongo for the database and Angular for the front.

GitHub

Aqui no hay quien viva - Web

Learning Angular (CRUD) and React projects on the characters from "Aqui no hay quien viva", with routes protection

GitHub (Angular) Web (React) GitHub (React)

Mobiliario Rodriguez

Professional work of an ecommerce created with PrestaShop

Web

Binance Alerts App

Two web applications developed in Typescript and JQuery that through the Binance API configures price alarms.

Web (TS) GitHub (TS) Web (JQuery) GitHub (JQuery)

Caritas Web Demo

Project SASS of a static page that simulates a fictitious web of "Caritas", with the aim of trace a web design through a ".psd" image and "responsive design" applied.

Web GitHub

Mi Diario

Web project React-Redux about a web application of a Journal with CRUD system, image hosting, authentication and user registration through Firebase, route protection and file uploads with Cloudinary,

Web GitHub

Mapbox Web

Learning Angular project using the Mapbox-gl API. With use of DonEnv for credential protection.

Web GitHub

Capitales y Paises

Learning Angular project of a SPA Web Application that through the API of restcountries.com and generates a list of countries. With routes and search engine with debounce.

Web GitHub

Darth Vader card

Learning project Tailwind of a static page, applying "responsive design" and dark theme selector.

Web GitHub

Gifs Generator Web

Web learning projects in Angular and React that generates gifs using the Giphy API.

Web GitHub (Angular) GitHub (React)

Additional Details

My Study Notes

  • React
  • Angular
  • Javascript
  • Programming Logic and PseudoCode
  • Code Design Patterns
  • Typescript
  • Git - GitHub
  • JSON, JQuery, AJAX
  • CSS
  • HTML
  • Sass - Less
  • Flexbox - Grid
  • Bootstrap
  • Tailwind
  • Node
  • Nest
  • Express and Mongo
  • Excel

    • Educational Sources

    W3Schools , Mozilla Developer Network (MDN) , Udemy , Codecademy , FreeCodeCamp , reactjs.org , react-redux.js.org , raterial-UI.com , react-router , angular.io , rxjs.dev , nodejs.org , expressjs.com , mongodb.com , nestjs.com , typescriptlang.org , sass-lang.com , getbootstrap.com , tailwindcss.com , git-scm.com

    Clicky