Audi LXP CMS
I built a custom SSO login for admins of the Audi LXP! I was the main frontend dev for this LXP spinoff.
Hello, I'm
Albert Valdes
Software Engineer
Welcome to my Portfolio
Portfolio Showcase
These latest side projects made, with Vue, React, and Vite, demonstrate API handling and UI construction.
Vueflicks
This movie app, made with Vue3+Vite, is meant to show that I can work with data coming from an API. The focus was on working with data rather than on the design. It utilizes netlify functions to hide the API key without having my own personal database!
Tools Used
- Vue3
- HTML5
- SCSS
- Typescript
- Vue Router
- Pinia
- TMDB API
React Adventures
This zoo project, made with React18+Vite, is inspired by the Memphis Zoo website and is meant to show my UI-building skills. It focuses on matching the design rather than the functionality of the buttons/inputs. I always liked the look of this site so I decided to recreate it without any official design comp!
Tools Used
- React v18
- JSX
- SCSS
- Typescript
Task Workflow
TaskWorkflow is full stack task management project that utilizes React and .NET to create a functional/intuitive UI. It features drag&drop, image upload, form validation, CRUD operations, pagination, search, and much more. More features to come as well! This project was built based off of my Figma practice to be a better designer!
Tools Used
- React v18
- .NET
- Entity Framework
- JSX
- SCSS
- Typescript
- Redux
Skills & Tools
Below are my current skills that include programming languages and technologies that I've used for years.
Skills
Skills
- Semantic HTML5
- Responsive CSS3
- JavaScript
- Typescript
- Sass
- git
- Vue
- React
- Redux
- Next.js
- State Management
- JSX
- .NET
- C#
- Debugging
- Form Validation
- API Handling
- Node.js
- Express
- MongoDB
- Mongoose
Tools
Tools
- Github
- Bitbucket
- VSCode
- Slack
- Jira
- Notion
- Figma
- Adobe XD
- Whimsical
- Communication
- Stack Overflow
- Documentation
- Monday
- Toggl Track
Why Work With Me?
Time Managment
I effectively manage tickets based on their severity, tracking time allocation between minor and major updates. This ensures meeting deadlines and timely development for quality assurance.
Attention to Detail
I am careful to get design details down correctly or revise until it's right. My goal is to have the site looking exactly like what the client is expecting while also having users get a great UI experience to keep them coming back.
Adaptable
Always excited to learn about new things. One of the most valuable things that I can provide to your company is the ability to be molded to your stack and become comfortable with the software that the team is comfortable using.
Professional Experience
Below are just some of the many projects I was assigned to during my time at 24G. I learned a lot from these projects and enjoyed getting the chance to build something from scratch on some of these.
Cool Brands I Got to Work With
- Audi
- Cadillac
- Volkswagen
- BMW
- Porsche
- USPS
- General Motors
- Electrify America
- Ghallagher-Kaiser
Below, you’ll see the flagship product, LXP (Learning Experience Platform), showcased alongside earlier versions VXP & NXP, and projects I built from scratch. I would clone, reskin, and customize the base product to make LXP spinoffs. We made several spinoff LXPs for clients and customized each one to fit their needs and branding. I updated each of them to the latest base version regularly, and I even got to implement some major features into the base product!
Audi LXP CMS
I followed a UI kit from design to theme this LXP to better fit the Audi brand!
Audi LXP Engagement
I reskinned, maintained, and added custom features for the Audi LXP spinoff!
BMW VXP
I built an app from scratch that allowed BMW to interact with their audience at their event. It had to work on a HUGE display!
BMW VXP
Arnold Schwarzenegger was a speaker at the BMW event and had the UI right behind him for everyone to see!
Cadillac LXP Engagement
I filled in for another dev and helped debug some issues for this Cadillac LXP.
Electrify America
I maintained this site. I would add or update sections at the client's request.
Forbes Cloud 100 VXP
I created the login and registration page for the Forbes Cloud 100 VXP!
Ghallagher-Kaiser
I built and maintained this UI for GK Corp.
Ghallagher-Kaiser
This site included language selection, google maps, and much more!
General Motors Powered Solutions
I helped to maintain this site much like I did for Electrify America.
KPI Dashboard
Built and maintained a KPI dashboard for tracking user data. This was for Audi and Volkswagen!
Base LXP Engagement
I helped to add features to base LXP such as classrooms!
Base LXP CMS
I built the pages for classrooms on the base LXP CMS! Allowed admins to view all, edit, delete, hide, and create classrooms.
Base LXP Engagement
I helped build the store feature for VXP which later got transferred over to LXP!
Midwest Literary Virtual Walk VXP
I reskinned and maintained this VXP from start to finish!
NXP VXP Engagement
I reskinned and maintained this VXP from start to finish!
Porsche Mobile Academy
I filled in for another dev to help resolve bugs on the Porsche site.
USPS Virtual Booth CES 2022
I built this Vue app from scratch for the USPS booth at CES 2022!
USPS Virtual Booth CES 2022
The app was put on different displays. Users could use kiosks to interact with the app!
Know Your VW
I helped maintain this Volkswagen site on many occasions!
Know Your VW
I created many Quick Start Guides for Volkswagen!
Waymo
I built this Vue app from scratch and it included several animations!
Waymo
I created this animated and interactable timeline for Waymo!
