About Me:
Hello! I'm Eddie and I'm a Front-End Engineer.
I graduated from DeVry University with a Bachelor's degree in Computer Engineering Technology.
I am constantly learning about the fascinating world of technology. I am curious about how things work.
When Microsoft launched the Windows Phone, I decided to learn Game Programming, bought a few books and got my hands dirty developing my first 2D game. A few years later, I created that same 2D game for Android.
In 2012, I became interested in web developing. I put my brain to work and with the help of online tutorials, I was able to develop websites and hone my skills in coding.
Let's create beautiful things in the World Wide Web.
My Skills:
TypeScript, JavaScript, React, Next, Redux, HTML, CSS, Sass, Bootstrap, Material-UI, REST API, JSON, GraphQL, HTTP, Node.js, Express.js, Front-End Development, Accessibility & Best Practices, SEO, Performance, Amazon Web Services, Google Firebase, Object-Oriented Programming, Visual Studio, Adobe Photoshop, Figma.
I write structural, semantic HTML that is easy to maintain and is accessible by software such as screen readers and search-engines. Without CSS, life is boring in the Web. I like to experiment with CSS and bring sunshine to HTML documents. I write clean JavaScript code and like to document my functions and variables so that they are easy to maintain and understand. If there is something I need, I always look at documentations. My tools are the Web Browser and Visual Studio Code IDE.
I have experience working with the following Amazon Web Services - S3 (Simple Storage Service), Route53, CloudFront, Certificate Manager, and Amplify.
My Portfolio:
Grandioso Pizzeria
This is an online food delivery application using TypeScript, React, Redux, GraphQL Transformer v2, NoSQL, REST API, HTML, CSS, Amazon Web Services, Severless Node.js Express.js, Stripe and Stripe Webhook Signature Checking. The app is built with AWS Amplify. It uses the following AWS services: Cognito, S3, Lambda, DynamoDB NoSQL, CloudFront, Route 53, AppSync, CloudWatch, API Gateway, Amplify Studio.
Here is a list of the features:
- Create account
- Confirm Sign Up with Code sent to email
- Sign in
- Sign out
- Authentication
- Payment Method
- Add/Remove cart items
- Checkout
- Order History
- Displays the Subtotal in the Checkout page
You can test the app by using your email to create an account, or getting a free temporary email at https://10minutemail.com and do not close the website, you'll need it to retrieve the code that will be sent to you. On the app, enter the code that was sent to your email. Sign in to the App. Add items to the cart. Hit "CHECK OUT". Enter "42" many times till you reach the end when entering credit card numbers. For example:
Card Number: 4242 4242 4242 4242
MM/YY: 0424
CVC: 242
ZIP: 42424
Finally hit "PLACE MY ORDER" button. You can check your order history and profile where it says your name between the MENU and Cart Icon
You can take a look at the code on my GitHub Repository.
Amazon-Clone
This is a simple Amazon-Clone react web app.
Here is a list of the features:
- Create account
- Sign in
- Sign out
- Add items to the shopping basket
- Remove items from the shopping basket
- Displays the Subtotal in the Checkout page
My app does not check if email exists. you can enter anything on the Register form. For instance: iamthemaster@myworld.com
For this project I used the following: Firebase Tools - Authentication (Sign In and Create Account) and Hosting. React Tools - BrowserRouter, Routes, Route, Link, Outlet, useNavigate, useState, useReducer, useEffect, and useRef.
You can take a look at the code on my GitHub Repository.
Netflix-Clone
This is a simple React.JS Netflix-Clone web app. It does not have the full features of Netflix. Basically, my Netflix-Clone plays a movie trailer when clicking/tapping on one of the movie items from the lists. It searches for a movie trailer from the YouTube database. The movie trailer pops up on your screen and it has the same features when playing a video on YouTube.
Here is a list of the things I did in order to create this React.JS web app:
- Created a new react project on VSCode
- Installed the following packages to my react project:
- firebase-tools
- react-youtube
- movie-trailer
- Created an account on TheMovieDB (TMDB)
- Obtained a TMDB API key
- Created a Project on Google's Firebase
- Added Firebase Hosting to my web app
- Deployed the web app to Firebase
- Hosted web app online
You can take a look at the code on my GitHub Repository.
Olga Flores' Art
The first time I had created this website was back in October 2012. The design looked way different than it is now. I had actually created 2 folders - one for desktop and another one for mobile. That was a lot of work that was not needed. Back then, I didn't use media queries. Needless to say, I felt very proud of myself because it was the first website I had ever created on my own. Fast forward to September 2021, I recreated this website from scratch. Of course, this time I used flexbox, media queries and I created the slideshow gallery using vanilla JavaScript, no frameworks.
Of course, there are always improvements to be made. Still, I must say, I am quite content with the work I've done.
The learning never stops.
Crazy Pong Game
This is a simple 2D game that I created for the Windows Phone and Android based on the sports game of table tennis and the 1972 video game by Atari, "Pong".
Creating this game was a real challenge for me because of the amount of physics and logic that it involves and it was the first video game I've ever created. I created all the graphics, the sounds, and of course I wrote all the code.
Initially, I wanted to make it a 3D game but that was going to be a real struggle for me, simply because it was going to take a long time to create the 3D animations. As you can see from the images, I made this game a little unique by adding silly animals and a block at the center which makes the ball bounce back to you.
Senior Presentation at DeVry
My Senior Presentation took place at DeVry College of New York in June 2010.
For the senior project, my team consisted of 3 members and we each had responsibilities and specific tasks to complete in a timely manner. I was in charge of the circuit design, prototype construction, and hardware research.
There were a few steps we had to go through in order to complete our project. First, We had to come up with an idea, write a proposal detailing the hardware and software of our product, present a design, and finally develop a prototype.
Our project focused on guitarists who use different analog single effect pedals connected in series when performing onstage. One of the main issues that guitarists face is rerouting the effect pedals which requires manual assitance such as disconnecting the cables and changing the order. This takes some time and our project resolves the issue.
With our prototype, guitarists can connect all of their analog effect pedals in any order, then set and save as presets specific effect pedal values and routing configurations. We named our prototype as "Effects Pedal Management System (EPMS)"
Contact Me:
Let's work together and create great things!
Email Me