Picture of Steven

Hi, I'm Steven.

I'm a full-stack software engineer based in sunny Southern California. Lately, I've been working on FitFuelPlanner, a web and mobile app. Explore my portfolio and skills, and feel free to reach out for project inquiriers or collaborations.

About me

Hand crafted web and mobile engineering, 8+ years in the making.

I am Steven Garcia, a full-stack software engineer. I live with an intense passion for my craft of front-end development, mobile development, and backend API development.

Lately? I've been building a web and mobile app, FitFuelPlanner, using the technologies of TypeScript/JavaScript, Next.js/React, Redux, Expo, C#, .NET 6, PostgreSQL, Docker, and Amazon Web Services.

Picture of Steven

Full-Stack Developer. Course Creator.

I am a Full-Stack Software Engineer with a passion for teaching and empowering others. Currently, I am dedicating my expertise to crafting educational content at StevenCodeCraft.com, where I create comprehensive courses designed to guide students through the exciting world of software development.

In addition to my educational endeavors, I am also the driving force behind FitFuelPlanner, a versatile web and mobile application dedicated to helping individuals achieve their fitness goals. FitFuelPlanner offers personalized workout plans, nutritious meal plans, and delicious recipes, all tailored to assist users in looking and feeling their best.

My commitment lies in merging innovation with practical solutions to create impactful products and educational resources. Join me in this journey at StevenCodeCraft.com and discover how FitFuelPlanner can transform your wellness journey.

Picture of Steven

My Skills

React logo

React

React is a JavaScript library for building user interfaces that allows developers to create dynamic, efficient, and reusable UI components.

React Native logo

React Native

React Native enables cross-platform mobile app development using JavaScript and React.

Next.js logo

Next.js

Next.js simplifies server-side rendering, routing, and web development, providing an efficient and developer-friendly environment for modern web apps.

Expo logo

Expo

Expo simplifies mobile app development with pre-built components and streamlined workflows for React Native.

React Testing Library logo

React Testing Library

React Testing Library is a testing utility for React applications that focuses on writing tests that simulate how users interact with the application's user interface.

JavaScript logo

JavaScript

JavaScript is a widely used programming language for web development that adds interactivity and dynamic behavior to websites.

TypeScript logo

TypeScript

TypeScript is a statically typed superset of JavaScript that enhances code quality and developer productivity by providing type checking and other advanced features.

Redux logo

Redux

Redux manages application state for JavaScript apps, ensuring predictability and scalability.

React Query logo

React Query

React Query is a library for managing, caching, and synchronizing server data in React applications, simplifying data fetching and state management.

HTML5 logo

HTML5

HTML5 is the latest web markup language, with advanced features for multimedia and interactivity.

CSS3 logo

CSS3

CSS3 is the latest version of Cascading Style Sheets, used to style and format web content, and it offers advanced design features like transitions, animations, and custom fonts.

Tailwind CSS logo

Tailwind CSS

Tailwind CSS is a utility-first CSS framework that streamlines web development by providing a set of pre-defined classes for building responsive and stylish user interfaces.

MySQL logo

MySQL

MySQL is an open-source relational database system for storing structured data.

Postgres logo

PostgreSQL

Postgres (short for PostgreSQL) is an open-source relational database system used for storing and managing structured data in various applications.

C# logo

C#

C# is a versatile and modern programming language developed by Microsoft, commonly used for developing Windows applications, games, and web services.

.NET logo

.NET

.NET is a versatile Microsoft framework for building a wide range of applications.

EF Core logo

Entity Framework Core

Entity Framework Core is a lightweight, cross-platform Object-Relational Mapping (ORM) framework by Microsoft that simplifies database interactions in .NET applications.

Docker logo

Docker

Docker is a platform for developing, shipping, and running applications in isolated containers, making it easier to manage and deploy software across different environments.

AWS logo

AWS

AWS (Amazon Web Services) is a comprehensive cloud computing platform offered by Amazon, providing a wide range of cloud services and solutions for businesses and developers.

Work Experience

FitFuelPlanner
Aug 2022 - Present · 1 yr 5 mos
FitFuelPlanner
Technologies used
JavaScript
TypeScript
React
Next.js
HTML5
CSS3
AWS
Docker
React Native
Expo
Redux
Tailwind
Styled Components
C#
Git
.NET 6
Entity Framework Core
PostgreSQL
Jest
React Testing Library
Founder and Software Engineer
Web and mobile app that helps users get fit with a personalized workout and meal plan.
- Founded and led the development of FitFuelPlanner, a comprehensive web app, iOS, Android, and API designed to help users achieve their fitness and nutrition goals.
- Implemented advanced features, including pagination, sorting, and filtering, for both recipes and exercises, enhancing user experience and usability.
- Developed intricate workout plans using SQL, demonstrating strong database design skills and domain expertise in fitness and nutrition.
- Designed and constructed robust backend models and SQL databases to store user data, ensuring data integrity and efficient retrieval.
- Crafted and implemented the web client using Next.js and Redux, providing a seamless and responsive user interface for the web version of the application.
- Created the mobile app using Expo React Native, delivering a native-like experience for both iOS and Android users, and optimizing development efficiency.
- Enabled automatic generation of personalized meal plans, allowing users to effortlessly meet their calorie and macronutrient goals, streamlining their fitness journey.
- Implemented charting capabilities, empowering users to visualize and track their calorie and macronutrient intake as well as monitor their workout progress.
Toshiba America Business Solutions
Aug 2021 - Jul 2022 · 1 yr
Toshiba America Business Solutions
Technologies used
Angular
HTML
CSS
JavaScript
TypeScript
Jasmine
Karma
C#
.NET 6
SQL Server
Associate Software Engineer
Front-end software engineer for web applications, Device Management and App Showcase, that helps Toshiba clients manage Toshiba multifunction printers.
- Improved the performance of sorting, selection, and rendering of a UI table by implementing pagination.
- Utilized the Object-Oriented principles of inheritance and interfaces to implement 14 customized Angular Material UI tables with reusable TypeScript classes.
- Implemented responsive user-interface components in HTML, SCSS, and TypeScript to meet the design spec and display the text localized based on the language of the user.
- Developed and designed a front-end security setting modal for users to configure device settings and post to an API.
- Improved front-end code coverage by 21% by adding unit tests in TypeScript, Jasmine, and Karma.
Thomson Reuters
Jun 2020 - Aug 2020 · 3 mos
Thomson Reuters
Technologies used
Angular
HTML
CSS
TypeScript
Jasmine
Karma
Software Developer Intern
Front-end software developer intern for web app, Elite 3E, that helps law firms manage their clients.
- Created a Page Title feature with NgRx (Redux) state management and ASP.NET Core for displaying on-premise environment configuration.
- Updated dialog components to enable popup windows to have ability to maximize and resize for improved UI/UX.
- Developed components to have responsive SCSS styles to match the design specification by UI/UX designers.
- Implemented unit test for Angular components, reducers, and selectors in Jasmine and Karma to ensure code quality.
SQA Squared
Jun 2019 - Aug 2019 · 3 mos
SQA Squared
Technologies used
Python
Appium
QA Analyst Intern
- Implemented the Python front-end automation for the mobile app, OSHI, and performed manual regression tests for quality assurance.
- Improved the speed for the user registration automation by 4% by implementing methods to support resource IDs.
- Refactored the automation codebase to eliminate implicitly waiting in Appium and implemented front-end test for iOS and Android mobile applications.