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.