Skip to content
View ElDav1d's full-sized avatar
๐Ÿ 
Working from home
๐Ÿ 
Working from home

Block or report ElDav1d

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
ElDav1d/README.md

Hi there ๐Ÿ‘‹, my name is David

I'm a passionate Product Oriented Front End Engineer

๐Ÿง‘โ€๐Ÿ’ป๐Ÿงฑโš’๏ธ๐Ÿ–Œ Besides software craftsmanship, ๐ŸŽง๐ŸŽธ I also love making and listening music.

๐Ÿ“– I consider myself a life-long learner.

โš›๏ธ Now Iโ€™m a React.js developer with the core fundamentals of JavaScript, providing resilient features with REST API on top.

๐Ÿ˜„ Yet I prefer discuss about programming good products, instead of what language or framework is the best.

Latest Pet Projects

Playing with Marvel API


โš ๏ธ Important Note: Mock Data

This project originally consumed the official Marvel API, which has been discontinued. To maintain functionality and showcase the eldav1d-marvel-ui Design System capabilities, the application now uses statically mocked data.

More info on at project's README

๐ŸŽฏ For recruiters & hiring managers

โœ… UI Component Library unaffected

The UI component library extracted from this project โ€”
๐Ÿ‘‰ eldav1d-marvel-ui โ€” is fully functional and unaffected by the API shutdown.

It is the part of the project that best represents my work as a Design System / UI Engineer.

๐Ÿ”— NPM: https://www.npmjs.com/package/eldav1d-marvel-ui
๐Ÿ”— GitHub repo: https://github.com/ElDav1d/eldav1d-marvel-ui

This library demonstrates my work in:

  • Design System architecture
  • Component API design
  • Accessibility-driven UI patterns
  • Reusable composition patterns
  • TypeScript + React component engineering
  • Scalable design tokens and theming

PROJECT DESCRIPTION

This project is a SPA built with React, TypeScript and TailwindCSS which mimics the look and feel of the official Marvel Characters' page.

It fetches data from the Marvel API and allows users to navigate through a list of characters to a character detail page.

Link to Playing with Marvel API's repo

It's tested with Jest and React Testing Library with a user interaction approach.

The purpose on it is practicing and showcasing my Accesible UI Development skills and sensibility, by keeping high standards of software quality.

In order to abstract both domain and presentational logic, I'm extracting the UI patterns on its own UI components library eldav1d-marvel-ui. This is also an ongoing effort. You can check it's progress on its own eldav1d-marvel-ui repo

CoverGig is a MERN app for music equipment rental among particulars. Its purpose is facilitating the backline coverage on small gigs.

Link to Front End repo: https://github.com/Pepirob/gig-equipment-rental-client

Link to Back End repo: https://github.com/Pepirob/gig-equipment-rental-server

In collaboration with the awesome Jose Luis Piรฑero

DiscoLect is platform for amateur music album reviewing powered by Spotifuy API and built with MVC patterns built over a Express JS, MongoDB, Mongoose and HBS stack.

In collaboration with the awesome Jose Luis Piรฑero

Link to repo: https://github.com/Pepirob/discolect

A vertical oriented game where player moves horizontally, picking bonus items and avoiding collisions.It is ta deep diving into OOP patterns upon SOLID, CLEAN and AGILE principles; by only Vanilla JS programing on HTML 2d Canvas.

Link to repo: https://github.com/ElDav1d/riff-lord-doomskulls-catcher

My Current Skills

  • React.js
  • JavaScript ES6
  • TypeScript
  • HTML5
  • CSS3
  • Express.js
  • MongoDB
  • Node.js

Top Langs

GitHub stats

GitHub Activity Graph

github linkedin

Pinned Loading

  1. playing-with-marvel-api playing-with-marvel-api Public

    React.js based marvel API playground

    TypeScript 1

  2. playing-with-swapi-and-next-js playing-with-swapi-and-next-js Public

    A Next.js / React challenge consisting on creating an Star Wars fansite with some content and features

    TypeScript 1

  3. testing-playground testing-playground Public

    My first experience with Jest and React Testing Library: from a pre-existing Next.js + Typescript project to a (slightly) tested app.

    TypeScript

  4. riff-lord-doomskulls-catcher riff-lord-doomskulls-catcher Public

    An OOP practice as a Vanilla JS video game on HTML 2d Canvas

    JavaScript 1

  5. worlds-rank worlds-rank Public

    My first experience with TYPESCRYPT: from a pre-existing Next.js project to a type casted app

    TypeScript