Encore Steel Inc
For Encore Steel Inc
- Developer
- Collaborator
- Designer
- HTML
- CSS
- Javascript
- Wordpress
- Google Data Studio
- SQL
creative developer who enjoys creating cool things on the web.
i am sean alexander. i like to code, design & play with generative ai. currently focusing my attention on further developing my skills in motion graphics, webgl, llm engineering, typescript & social media.
about
biography
Hey, I’m Sean - a creative web developer with a mission to create functional & creative applications through a blend of thoughtful analysis, detailed design systems & methodical development. While currently working professionally as a full stack web developer, I began my early career in finance for 3 years (2016-19). While I excelled in this field, I craved doing something more visually creative. I self-taught myself HTML and CSS during this time, and even managed to land some small freelance jobs. I found it to be like painting - something I’ve done since I was a child - but with pixels and code instead of brushes and canvas.
In 2019, I enrolled myself in a Full Stack Development certification program at the University of Arizona. I studied religiously, often times investing over 10 hours a day to studying and practicing. It paid off, because I received a job offer before the program ended.
During my career, I’ve mainly been involved in creating front-end systems built on reliable back-end systems to create dynamic experiences for users. I’ve created templates for automated marketing systems, engineered internal APIs for communicating data across various systems, created design systems for 7-figure revenue companies and implemented those design systems by updating their full website.
Off the clock, I enjoy playing with generative AI, experimenting with 2D and 3D motion design & playing video games with friends. I also consider myself a big fan of cinema, fashion and music - these hobbies provide a casual inlet for creative vision.
disciplines
- frontend
- backend
- ui + ux
- illustration
- logo design
- graphic design
- prompt engineering
- painting
toolbox
frameworks
- Next.js
- Wordpress
- Tailwind
- SCSS
libraries
- React
- Three.js
- Framer Motion
- GSAP
languages
- JavaScript
- TypeScript
- HTML
- CSS
- Node.js
- Java
- PHP
- Python
- MongoDB
- SQL
design tools
- Figma
- Photoshop
- Illustrator
- Spline
additional tools
- Git
- Notion
- ChatGPT
- Midjourney
- Vercel
- Zoho
- SendGrid
projects
Jacksons Car Wash
For Jacksons
- Developer
- Collaborator
- Designer
- HTML
- CSS
- Javascript
- Wordpress
- Google Data Studio
- SQL
Exit Not Found
For js13kGames competition
- Developer
- Collaborator
- Designer
Gradient Generator
Personal project
- Developer
- Designer
- NextJS
- React
- Javascript
- CSS
- HTML
- Jotai
- Framer-motion
- chroma-js
Chromesthetics
Personal project
- Developer
- Designer
Website built with Wordpress. I handled all design and development. This was a fun project due to the freedom I was given to design. I targeted the UI to reflect the rigid, sharp angles of steel fabrication.
I lead the development and design of Jackson Car Wash’s updated website. I went over KPIs with the client, created automation funnels for email and data aggregation in addition to my typical design/development workflow. I also worked alongside our Principle Graphic Designer who created most of the assets in the site. This project singlehandedly changed my perspective toward Wordpress and I now see it as a valuable tool.
A collaboration between a friend and I for a coding competition,
Exit Not Found
is a procedurally generated 2D dungeon crawler that can generate tens of thousands of unique level combinations on a simple 16x16 grid…while also staying under 16kb in size (minified & zipped). This was my first experience in game development, and it was incredibly rewarding & challenging. When we made this back in 2020, I had been working professionally as a developer for less than a year, and my experience was exclusive to websites, which meant that most of my JS experience was limited by website functionality with simple state management. Exit Not Found challenged me to think more critically and “programmatically” as we built the game logic, procedural generators, and character state. I came out of this project with a deeper understanding of space complexity, efficiently working with arrays, coordinating complex logic and debugging.
I'm excited to give you a sneak peek into a feature I've been working on for my upcoming portfolio site - it's a multi-layer gradient generator built with Next.js.This tool is designed to allow users to create multiple layers of gradients & blend them together using different modes (e.g., difference, color-dodge, lighten, etc.).Each layer has options for changing the color stops, the angle (for linear), the center coordinate (for radial) and the color mode (e.g., HSL, RGB, LAB, etc.) for calculating how to interpolate the colors. The blend mode option is used to decide how to blend that layer with the layer(s) below it.As the user makes updates, they'll be able to see real-time changes in the visual preview and the CSS code to replicate it in their own codebase. For convenience, there's an easy "click to copy" button. It's a simple yet powerful way to breathe new life into any design, and I'm excited about the potential it has to inspire other creatives.
An Audio Visualizer that takes advantage of Spotify’s Audio Analysis endpoint for creating procedurally generated visuals built with ThreeJS. Requires a Spotify premium account - free to use otherwise. NOTE: This is still very much a work in progress. Originally built back in 2020, this was my first project using ThreeJS and just recently doing more development on. Results may vary based on song selection, monitor refresh rate, etc.
