herbart.dev

I Am Herbart

Hernandez, A

Developer * Web Designer * Musician * Creative * Developer * Web Designer * Musician * Guitarists *Developer * Web Designer * Musician * Creative * Developer * Web Designer * Musician * Guitarists *

Open ForOpen

For

Work

Portfolio

Name
Project Type
Year
Bulldog Mapping
Bulldog Mapping is an interactive map created for Fresno State. It provides a one-stop hub for campus life, including buildings and events (both current and upcoming), all in one map. The project was inspired by mini-maps in video games and Concept 3D.
This project was part of my Software Engineering course, where I led a team of 6 and acted as Scrum Master across various sprints. I helped onboard my group to our tech stack and provided support as needed. Assigning tasks based on feedback was particularly interesting and pushed me to take initiative.
We delivered this version in a relatively short timeframe—it's the first MVP of what I initially planned as a year-long project. Regardless, I'm proud of the UI aesthetics and motion elements I implemented, which elevate the experience and provide real value to my fellow alumni.
Github Visit Site
- Date2025
- TechReact.js, Next.js, TypeScript, Tailwind CSS, PostgreSQL, Supabase
- Work DoneDevelopment, Fullstack
California Water Institute
California Water Institute is an organization from Fresno State that addresses water improvement and water-related issues within California. I was briefed with creating a web-based platform and basin calculator that would translate a calculator previously in a spreadsheet into a user-friendly web app for farmers in the Central Valley.
Design was a major part of the process, in which I created a client brief, moodboards, wireframes, and designs with prototypes. The goal was to make a clear and accessible design that would allow farmers to quickly become familiar with the site.
Development was done using Next.js as the implementation of the designs I created. Next.js made sense for such a content-rich site due to its SEO benefits, and it also allowed me to use server-side rendering (SSR) considering the target audience being farmers, where internet connectivity may be slower.
Github Visit Site
- Date2025
- TechReact.js, Next.js, TypeScript, Tailwind CSS, Figma
- Work DoneDevelopment, Design, UI/UX
Reform Co. Clone
A remake of Reform Collective's award-winning landing page as a study. Spent a lot of time getting the layout and easing curves. The nav menu is what actually drove me to remake it, really satisfying to build and reverse engineer.
Github Visit Site
- Date2025
- TechReact.js, Next.js, TypeScript, CSS, Tailwind CSS
- Work DoneFrontend
Linux-Lab
Linux Lab Many areas and places in tech assume command line knowledge without properly teaching it, leaving students struggling with fundamental skills. Linux Lab is an interactive browser-based platform that teaches command line skills through a simulated Linux environment. Creating a useful resource for those looking to begin learning Linux.
Frontend Work As the frontend dev, and working closely with a backend developer, I took time designing and building the majority of the frontend without reliance on frameworks. My favorite piece being creating the terminal with straight HTML, CSS and JS.
Custom? Early in the project I had to come up with a custom ad hoc "framework" which ended up being a heavy OOP based system. I also created an event-driven system to coordinate between the terminal, lesson progression, and user auth. I also made also made a custom sort of CMS with progress tracking and cross-module nav support. Turns out vanilla can take you very far... though I appreciate my framework and libraries a lot more now...
Github Visit Site
- Date2025
- TechReact.js, JavaScript, TypeScript, Node.js, CSS, Tailwind CSS, MongoDB, Figma
- Work DoneDevelopment, Design, Frontend, UI/UX
Welcome to the world of Linux!
essence
Essence is a productivity app where users describe tasks in natural language and AI automatically creates scheduled events. Developed and designed the APIs and system—from database schema to AI integration. The app processes conversational input like "dentist appointment Tuesday 2pm" and handles all operations like rescheduling, deleting, and updating existing tasks.
Design was a key part of this process. The vision was clear from the start to go with a very clean modern UI, which aligns with the concept of scrambled thoughts being organized into achievable tasks. The process followed a brief, moodboarding, wireframes, and final designs.
Development Built with Next.js, I implemented AI rate limits, Auth/OAuth, real-time calendar updates. The responsive and clean UI uses both shadcn and custom components with GSAP for satisfying interactions. All while aiming for proper maintenance.
Github Visit Site
- Date2025
- TechReact.js, Next.js, JavaScript, Tailwind CSS, PostgreSQL, Figma, Google Gemini API, Supabase
- Work DoneDevelopment, Design, Fullstack
Moises Gante Portfolio
Overview This is a portfolio website showcasing the work of Moises Gante, a talented visual artist from Madera, California. I handled the complete development process. The website is a showcase of the work he has done and style he likes.
This project was built using modern web tools like Next, and Sanity for content management. I handled the end-to-end process in Figma, creating wireframes and iterating on layouts before development. I used my fav library GSAP for animations, smooth scrolling with Lenis (darkroom engineering 🟥❤️), and responsive design. The site features dynamic artwork galleries, an interactive hero section, and a headless CMS for the longevity of the site.
Github Visit Site
- Date2025
- TechReact.js, Next.js, JavaScript, CSS, Tailwind CSS, Sanity
- Work DoneDevelopment, Design, UI/UX
Working as Herbart’s client to develop my art website was great! He asked clear, detailed questions to gauge my thoughts and preferences, and was able to elaborate if I was uncertain or confused. Herbart was very efficient, and gave many progress update sover the span of the month we worked together. He captured my ideas amazingly, and went above and beyond in areas where I gave him creative freedom. The colors and animations of the website are very aesthetically pleasing just as I was hoping, so I’m happy with the results!
Viva Skateshop Design
I created a design system for Viva Skateboards, a local skate shop in Madera, California. Though the final work was never used, the project allowed me to spend time thinking deeply about design and why design matters, especially for creative development.
I followed a full process from a client brief to moodboarding, to sitemaps and mobile wireframes, to design iterations and final prototypes. The project taught me how animations, design, typography, and art direction contribute to the goals of a website and how we as developers can make that happen and create compelling experiences. While I did not implement it in code, it taught me about the entire design process and is now a strong reference that I keep in mind during all projects moving forward.
Github Visit Site
- Date2025
- TechFigma
- Work DoneDesign, UI/UX