Web Developer

Hello, my name is Juan Pablo Valdez, I am a programmer and industrial engineer with a passion for ReactJS and NodeJS development. I believe in the transformative power of love and determination in achieving remarkable results throughout my web development journey! 💪

My Tech Stack

Click The Burger!!

Frontend

javascript

typescript

react

nextjs

html

css

tailwindcss

sass

bootstrap

Backend

javascript

typescript

nodejs

expressjs

nextjs

mongodb

Tools

jest

git

github

vscode

vercel

heroku

aws

Experience

🌟Highlight🌟

Regina & Gael Studio - Freelance Project

typescript

react

nextjs

tailwindcss

jest

git

github

aws

Developed a personalized, cost-effective ecommerce platform using React, TailwindCSS, NextJS, and MongoDB, prioritizing low operating costs, scalability, and security via AWS Amplify, Amazon S3, and CloudFront. Implemented robust security measures, including OAuth authentication, secure API routes, and strict input validation, to safeguard sensitive data and enhance performance.

Demo

Temazcal Website - Freelance Project

typescript

react

nextjs

tailwindcss

jest

git

github

vercel

Developed a responsive website for a local business. The project involved crafting an eye-catching design, a blog system, a FAQ section, an image gallery, and contact. I also integrated the website with a Map Api and Contentful CMS.Clients were very happy with my work

Demo

Pc Hub - Ecommerce App - Personal Project

typescript

react

nextjs

tailwindcss

mongodb

jest

git

github

vercel

Pc Hub is my most complex personal project to date, a full-stack ecommerce app built from the ground up to challenge myself and deepen my skills in both front-end and back-end development. Though front-end is my forte, I am particularly proud of how I thrived in this full-stack environment

Code

Demo

The Odin Project Portfolio 🚀

I learned to code with The Odin Project, a open source resource that teaches web development. I started with the basics of HTML, CSS, and JavaScript, and gradually moved on to more complex projects. I like to display my projects in chronological order to show my progress and growth as a developer. I am constantly learning and improving my skills, thanks to this I could start freelancing.

Landing Page

Static Page - A common Home Page page found in almost all services

Techs

html

css

Focus

- Basic HTML elements; divs, p, span, img.
- Basic HTML attributes; id, class
- Basic CSS properties: height, width, margin
- The Box model

Code

Site

Static Page - A common sign up registration page found in almost all services

Techs

html

css

Focus

- Form Styling
- Styling Client Form Validation
- CSS PseudoClasses
- CSS PseudoElements
- CSS FlexBox

Code

Site

Admin Dashboard

Static Page - Admin Dashboard

Techs

html

css

Focus

- CSS FlexBox
- CSS Grid
- Layout

Code

Site

Rock Paper Scissors

Classic rock paper scissors game against the cpu

Techs

javascript

html

css

Focus

- Practice Javascript
- DOM methods
- Code logic

Code

Site

Tic Tac Toe

Classic Tic Tac Toe Game vs yourself

Techs

javascript

html

css

Focus

- Javascript Objects
- More complex logic
- Design Patterns
- More DOM Methods

Code

Site

Etch A Sketch

Simulates a Sketch board to paint in different modes

Techs

javascript

html

css

Focus

- More DOM methods
- More complex logic
- Event listeners
- Nodes

Code

Site

Restaurant Page

A dynamic restaurant page with vanilla Javascript

Techs

javascript

html

css

webpack

Focus

- Dynamic Content
- Clean Code principles
- Modular code
- Webpack

Code

Site

To Do List App

Personal activity tracker, allows you to create projects to schedule and manage your activities

Techs

javascript

html

css

webpack

Focus

- Work with modules
- Clean code principles
- Webpack
- Get deeper OOP understanding

Code

Site

Library App

Creates beautiful cards with book information to keep track of your books

Techs

javascript

html

css

webpack

Focus

- Data Structures
- Practice clean code principles
- LocalStorage & Session

Code

Site

Weather Forecast App

This App lets you check the current weather of any place of the world and a five day forecast

Techs

javascript

html

css

webpack

Focus

- API consumption
- Documentation reading
- Linters
- Enhanced styling

Code

Site

Curriculum Builder

Fill the fields to generate a template you can download as PDF

Techs

typescript

react

css

Focus

- Typescript
- React
- Class components
- Lifecycle methods
- Component state

Code

Site

Fortnite Shopping Cart App

Consumes Fortnite Public API to fetch current items in sale, displays home page , product catalog and shopping cart system

Techs

typescript

react

css

Focus

- Typescript
- React Functional Components
- React hooks
- React router

Code

Site

Old Developer Page

My First Developer Page, it was reworked a year after its release

Techs

typescript

react

sass

Focus

- Summarize my skills and competences in a webpage
- Utilize a wide range of web developer skills (not just a boring page
- No Framework Styling

Code

Site

Inventory Manager App

Allows easy management of digitalized goods

Techs

typescript

react

bootstrap

expressjs

mongodb

heroku

Focus

- Frontend-Backend Integration
- Build Restful API
- NoSQL Databases
- CRUDs

Code

Site

Pc - Hub Ecommerce

Fullstack ecommerce app for gaming pc components

Techs

typescript

react

tailwindcss

nextjs

mongodb

vercel

jest

Focus

- Get deeper understanding of the whole application development process
- Unit Testing

Code

Site

Recruiter Page

Page to showcase my work to recruiters

Techs

typescript

react

tailwindcss

nextjs

vercel

Focus

- Showcase my skills
- Describe my developer journey

Code

Site

Hobbies

I enjoy coding, and I find it both exciting and rewarding. It has become more than just a profession; it's a source of fun and fulfillment for me

Since the age of 16, I've been passionately playing the guitar and singing. Music has taught me the importance of attentive listening and the art of expressing myself creatively

Weightlifting has been a significant part of my life for over 10 years. Through regular exercise, I have developed a disciplined mentality that positively influences other aspects of my life

Although I don't spend as much time playing videogames nowadays, they hold a special place in my heart. They were once a cherished pastime, and they've contributed to my appreciation for interactive storytelling and problem-solving

I have a profound love for dogs due to their incredible loyalty. Their companionship and unwavering devotion have brought immeasurable joy into my life

Contact

Location

México, Juan José Ríos

e-mail

cv.juanp@gmail.com