Smoother Designs
Smoother Interface
Better Results
With combining skills of programming, web development, and design I understand what the web beholds. This is how I am able to create valuable product focused websites with strong and smooth user experience.
I strive to make unique websites that feel and look amazing, always aiming to achieve better results as a developer and for each product built.
Focus
These are the areas I focus on while developing unique products or taking over projects.
Speed
I dive deeper than just optimizing, I perform network and performance audits and specifically point out materials that can save performance and possibly hidden tech funds.
User Experience
I deliver a meaningful experience to users by integrating design, usability and function to insure proper results.
Code/ Tech
With new technologies rising, it is always important to write clean, robust code with a stack tech that has a long history paper trial and future.
Responsive
With a modern age where cell phones are primarily used it is important to have responsive applications across all platforms.

Alfredo's Portfolio
Software Engineer
Hello, I'm Alfredo Barillas, a Software Engineer by trade, with 3+ years of experience in the software industry. My focus area for the past few years has been full-stack development with React, utilizing TypeScript. I am also skilled in back-end development with Python utilizing Flask or Django and Node.js using TypeScript in that context as well.
I am a self taught developer, I first learned how to program by buying various javascript books and courses. While learning how to create web applications, I would constantly apply what I learned in my own applications. After, a few years of in the software engineer industry I am proud to annouce that I have started my journey of completing my high education in gettiing my Associate of Applied Science in Software Development from California Institute of Applied Technology. After completing my Associates degree I am immediately enrolling in completing my Bacherlor's Degree.
As I first started to learn how to design and develop websites it was no easy task but coding and creating was something that I have always loved to do, so when I found out about coding and further researched more about it I love that I could create anything my mind desires. I would wake up every day excited to learn but I knew if I wanted to be good I would need to learn and study as much as I can and that is what I did, I grinded and I am now confident to complete any task given to me.
I am always ready to learn new concepts and techniques needed for any project and always willing to try everything I can to accomplish the task at hand.
My Personal Applications
-
A1 Fitness Logger
More infoA1 Fitness Logger
A1 Fitness Logger is a full stack application that allows users to track their workout and track calories burned.
A1 Fitness Logger was motivated by my fitness journey, Knowingly there are other applications I could have downloaded, I wanted to create a fitness logger application of my own. The languages I used were React, Redux/ Reduxjs/toolkit, Node.js, Express, Mongodb.
Upon entering A1 Fitness, unauthorized users will only be allowed to view the homepage, login, and signup views. Once users create an account, they will be allowed to track their fitness journey and calories per workout.
The mission for this application was to learn the cycle of creating a MERN style application from development to production, as well as creating a application I would enjoy creating through the very end.
A1 Kicks
More infoA1 Kicks
A1 Kicks is a online retail shoe eCommerce store selling modern sneakers.
A1 Kicks is a online retail shoe eCommerce store selling modern sneakers utilizing next.js, sanity.io (headless CMS), react notifications and stripe checkout.
Upon entering A1 Kicks you will be presented with a modern, minimalistic, light contrast application. When creating this application I wanted a simple backend where a user can easily sign into, import their products as they like and then use a powerful, and fast framework like next.js to render that data. Instead of creating a whole seperate application a user would have to use to upload their products into a database. With that in mind I went ahead and used Sanity.io one of the most supported and well documented headless CMS.
The most appeling aspect of this application is the simplicity of the applications as a user and the opportunity to easily scale a application using a stack like this as a developer and as product owner.
Want To Track my Github?
Github: A1 Kicks Github
Geolocation
More infoGeolocation
Geolocation is a full stack application where users can sign up, study and take quizzes on geography.
Geolocation is a full stack application where users can sign up, study and take quizzes on geography. This application was built using React, material ui, redux, redux-thunk, Node.js, Express, Mongodb.
Though this application is not rich in css the main motivation behind creating this application was, I wanted to test my skill and built a full stack secure application from development to production.
The main challenge I was faced while creating geolocation was implementing the verify email/ activate user token. Through trial and error I was able to create a secure authenication method.
Want To Track my Github?
Github: Geolocation Github
bStadium
Building is marked with exceptional architecture, modern technologies and engineering solutions and being developed in the multifunctional quarter.
More infoBusiness Stadium
Building is marked with exceptional architecture, modern technologies and engineering solutions and being developed in the multifunctional quarter.
Business Stadium is a multifunctional real estate project, located in the center of Vilnius, just 700 meters from Cathedreal Square. I redesigned and refactored the website with my own code using; HTML5, CSS3 with pre-processor SASS(SCSS), JavaScript(Babel ES6), jQuery and Gulp v4 to automate all my tasks and production. Take a look at my gulp file (github: gulpv4)
What I mainly focused on when redesigning this website was refactoring all the code to be SEO safe, 100 score in lighthouse audit, image lazy loading, and accesible across all devices.
The main challenge here was how to lazy load the images offscreen as I have never done this before but accomplished. Lazy load is when you only load a certain image file only when the image is in view of your screen to help save data on mobile and save loading assets.
Want To Track my Github?
Github: bStadium Github
ELE (Work In Progress)
ELE is a online tournament application where users and teams can compete against other teams for experience, and cash prizes.
More infoELE (Work In Progress)
ELE is a online tournament application where users and teams can compete against other teams for experience, and cash prizes.
ELE is a online tournament application, motivation behind building this applicatipm was my passion for E-Sports, and remembering the days when I would compete as a hobby as a young kid. This application is built using Javascripts most modern and production ready technologies; Next.js 14 (App Router), React.js, Typescript, Tanstack React-Query, Redux, SQLite, TRPC, Drizzle ORM, with TursoDB.
When brainstroming this application, thinking of what tech stack to use was the probably the most time consuming process during the inital developement. I knew I wanted something within the Javascript eco system as much as my background is in Javascript with React.js being the main framework, I was more than open to researching other frameworks other than React.js, but when it came down to reading into multiple framework docs it only made me realize why I always come back to react.js. With the finalized decision that react.js would be my framework I have heard read and seen great production ready applications using Next.js as their framework and made the ultimate decision to use Next.js.
The main challenge here after deciding Next.js as my framework was what other technology should I use with Next.js, should I prisma as my ORM or adopt the new "if you now sql you know drizzle". What SQL database should I use, MySQL, or PostSQL along side which database provider should I use. After extensive research and a few trail and errors I have found a stack I love using and makes me happy to code in and that tech stack being ... woah woah woah being as I created this applications using MySQL with Planetscale, a few weeks after writing this planetscale had decided to remove their free trial so with this news I then did some more research and found another trustworthy Database provider with a robust, fast, and scaleable application and that being TursoDB Next.js 14 (App Router), React.js, Tanstack React-Query, Redux, SQLite, TRPC, Drizzle ORM, with TursoDB.
-
A1 Fitness Logger
A1 Fitness Logger
A1 Fitness Logger is a full stack application that allows users to track their workout and track calories burned.
A1 Fitness Logger was motivated by my fitness journey, Knowingly there are other applications I could have downloaded, I wanted to create a fitness logger application of my own. The languages I used were React, Redux/ Reduxjs/toolkit, Node.js, Express, Mongodb.
Upon entering A1 Fitness, unauthorized users will only be allowed to view the homepage, login, and signup views. Once users create an account, they will be allowed to track their fitness journey and calories per workout.
The mission for this application was to learn the cycle of creating a MERN style application from development to production, as well as creating a application I would enjoy creating through the very end.
A1 Kicks
More infoA1 Kicks
A1 Kicks is a online retail shoe eCommerce store selling modern sneakers.
A1 Kicks is a online retail shoe eCommerce store selling modern sneakers utilizing next.js, sanity.io (headless CMS), react notifications and stripe checkout.
Upon entering A1 Kicks you will be presented with a modern, minimalistic, light contrast application. When creating this application I wanted a simple backend where a user can easily sign into, import their products as they like and then use a powerful, and fast framework like next.js to render that data. Instead of creating a whole seperate application a user would have to use to upload their products into a database. With that in mind I went ahead and used Sanity.io one of the most supported and well documented headless CMS.
The most appeling aspect of this application is the simplicity of the applications as a user and the opportunity to easily scale a application using a stack like this as a developer and as product owner.
Want To Track my Github?
Github: A1 Kicks Github
Geolocation
More infoGeolocation
Geolocation is a full stack application where users can sign up, study and take quizzes on geography.
Geolocation is a full stack application where users can sign up, study and take quizzes on geography. This application was built using React, material ui, redux, redux-thunk, Node.js, Express, Mongodb.
Though this application is not rich in css the main motivation behind creating this application was, I wanted to test my skill and built a full stack secure application from development to production.
The main challenge I was faced while creating geolocation was implementing the verify email/ activate user token. Through trial and error I was able to create a secure authenication method.
Want To Track my Github?
Github: Geolocation Github
bStadium
Building is marked with exceptional architecture, modern technologies and engineering solutions and being developed in the multifunctional quarter.
More infoBusiness Stadium
Building is marked with exceptional architecture, modern technologies and engineering solutions and being developed in the multifunctional quarter.
Business Stadium is a multifunctional real estate project, located in the center of Vilnius, just 700 meters from Cathedreal Square. I redesigned and refactored the website with my own code using; HTML5, CSS3 with pre-processor SASS(SCSS), JavaScript(Babel ES6), jQuery and Gulp v4 to automate all my tasks and production. Take a look at my gulp file (github: gulpv4)
What I mainly focused on when redesigning this website was refactoring all the code to be SEO safe, 100 score in lighthouse audit, image lazy loading, and accesible across all devices.
The main challenge here was how to lazy load the images offscreen as I have never done this before but accomplished. Lazy load is when you only load a certain image file only when the image is in view of your screen to help save data on mobile and save loading assets.
Want To Track my Github?
Github: bStadium Github
ELE (Work In Progress)
ELE is a online tournament application where users and teams can compete against other teams for experience, and cash prizes.
More infoELE (Work In Progress)
ELE is a online tournament application where users and teams can compete against other teams for experience, and cash prizes.
ELE is a online tournament application, motivation behind building this applicatipm was my passion for E-Sports, and remembering the days when I would compete as a hobby as a young kid. This application is built using Javascripts most modern and production ready technologies; Next.js 14 (App Router), React.js, Typescript, Tanstack React-Query, Redux, SQLite, TRPC, Drizzle ORM, with TursoDB.
When brainstroming this application, thinking of what tech stack to use was the probably the most time consuming process during the inital developement. I knew I wanted something within the Javascript eco system as much as my background is in Javascript with React.js being the main framework, I was more than open to researching other frameworks other than React.js, but when it came down to reading into multiple framework docs it only made me realize why I always come back to react.js. With the finalized decision that react.js would be my framework I have heard read and seen great production ready applications using Next.js as their framework and made the ultimate decision to use Next.js.
The main challenge here after deciding Next.js as my framework was what other technology should I use with Next.js, should I prisma as my ORM or adopt the new "if you now sql you know drizzle". What SQL database should I use, MySQL, or PostSQL along side which database provider should I use. After extensive research and a few trail and errors I have found a stack I love using and makes me happy to code in and that tech stack being ... woah woah woah being as I created this applications using MySQL with Planetscale, a few weeks after writing this planetscale had decided to remove their free trial so with this news I then did some more research and found another trustworthy Database provider with a robust, fast, and scaleable application and that being TursoDB Next.js 14 (App Router), React.js, Tanstack React-Query, Redux, SQLite, TRPC, Drizzle ORM, with TursoDB.