• home
  • resume
  • portfolio

Daniel J. Lopez

I am a Web Developer with 9 years of professional experience in building and maintaining web applications in various industries such as marketing, e-commerce, and legal. I love using the web platform as a tool to get a job done and have a passion for crafting interfaces that are user-friendly and functional.

Developer Experience

Languages

  • HTML5
  • CSS3
  • Javascript / ES6
  • Node
  • Typescript
  • Perl / Mason
  • C#
  • PHP
  • Coldfusion

Libaries / Frameworks

  • React
  • Next.js
  • Vite
  • jQuery
  • Create React App Parcel
  • Gulp

Styling

  • Tailwind.css
  • SCSS
  • styled-components

Data-fetching

  • React Query
  • swr
  • axios

Database / ORM

  • Postgres / Prisma / Drizzle
  • MongoDB / Mongoose
  • ElasticSearch
  • GraphQL
  • Firebase
  • Redis

Testing / Formatting

  • ESLint
  • Prettier
  • Jest
  • Puppeteer
  • React Testing Library

Authentication

  • Next-Auth
  • Clerk
  • Magic

Source Control

  • Github
  • Gitlab
  • Azure
  • Bitbucket
  • SVN

Deployment / Hosting

  • Vercel
  • Netlify
  • Heroku
  • Github Pages
  • AWS
  • Jenkins

Projects

autodraft

nba fantasy app with live scores from a third party api. tech: React, Next.js, Tailwind.css, Firebase | src

notepad

note-taking app that acts as a simple cms/api, which can then be converted into a list, table, markdown, or checklist. tech: React, Next.js, style-components, MongoDB | src

notes

rebuilt notepad to use more modern tech. bootstrapped from create-t3-app. tech: React, Next.js, Typescript, TRPC, Tailwind.css, Prisma | src

b4

create-t3-app example, with custom configuration (create-b4-app) such Tailwind, Prettier, file directory | src

lib

showcase for reusable utility functions and shared UI components | website src / package src

chrp

Twitter/X clone. Tech: T3 stack, Github authentication via Clerk, Rate-limiting via Upstash | src

da.niel

url shortener using next.js redirects | src

qbtimer

desktop/mobile progressive web app that displays a scramble sequence and timer for solving a Rubik’s cube. keyboard and touch controls. displays statistics such as average and best times. times are saved through localStorage. bootstrapped from Create React App. tech: React, Sass | src

Work Experience

Front End Engineer at TwinStar Credit Union

September 2024 - Current

Software Engineer at RubensteinTech / Ruby

July 2021 – June 2024

  • Developed and supported the marketing websites of various legal firms: Dykema, Crowell
  • Developed and wrote estimates for new features/enhancements and bug fixes for these marketing sites
  • Developed and maintained internal core libraries that these marketing websites were built on
    • Frontend engine built in Node
    • Component library / design system built on React
    • Company’s product, a content management system called RubyLaw built in Node and React
    • Some legacy websites built in Perl and Mason

Senior Web Designer at Nutrition Express, Inc.

April 2016 – March 2021

  • Developed and maintained the e-commerce website Nutrition Express built in C# and designed as a MVC application.
  • Added new features such as cart updates through AJAX and an article editor/manager.
  • Modernized website by making pages responsive and mobile friendly.
  • Used tools such as Gulp for code minification and browser reload, Jenkins for continuous integration, and Google Analytics for event tracking.
  • Developed and maintained internal websites built in Express and Pug (Jade) for content and customer order management.
  • Developed internal IT tools built in React, React Router, and Express to run scripts, generate reports, and fetch data.

Front-End Developer at Insteo, Inc.

August 2015 – April 2016

  • Worked with HTML, CSS, and Javascript to develop websites and web apps for clients with digital signage needs.
  • Used Photoshop and Illustrator to extract components from mock-ups provided by clients to convert these mock-ups into interactive websites.
  • Created general apps not meant for a specific client but were instead displayed in the Insteo store for potential customers to purchase.
  • Dealt a lot with JSON because data returned from an AJAX call was always sent in the form of JSON, which needed to be iterated through correctly.
  • Used CSS animations to make the various digital signage apps more dynamic and eye-catching.
  • Clients would usually receive our product through a link, but often times they sent over a media player that needed to be set up to automatically display our app when turned on.

Market Analyst & Data Entry Technician at Electronic Inventory Online, Inc.

January 2014 – November 2015

  • Analyzed profit margin for electronic products based on the online market price.
  • Added new product listings to the main website at eio.com using HTML/CSS.
  • Added new product listings to Amazon and Ebay using their backend services.
  • Performed frequent audits on prices of products to assure profit margin was acceptable.
  • Performed frequent inventory checks to assure that there was sufficient stock on products.
  • Gathered products from picklist orders in the warehouse and handed them off to the shipping department.
  • Answered customer phone calls. Developed a subsidiary website to eio.com using the Bootstrap framework.
  • The website deals with the reverse logistics of electronic products.

Intern at Reazon Systems, Inc.

March 2013 – September 2013

  • Developed several features on an online educational management system called RCampus, such as captcha protection, Google charts, and mapping graphs.
  • Learned Coldfusion and practiced HTML, CSS, Javascript, jQuery, SQL. -Required daily reports outlining tasks accomplished, things learned, problems encountered, and tasks to work on next time.
  • Used SVN source control system.

Education

California State University of Long Beach

August 2009 – May 2013

BS in Computer Science