Braeden Foster

Full-stack Web Developer

About me

My passion is creating engaging experiences with web technologies, by constantly experimenting with cutting-edge technologies, including responsive web design and both local-first and server-first architectures. My focus is on designing experiences that feel intuitive and seamless to the end user.

Specialities

Full-Stack developer

I have a comprehensive understanding of building websites for both the backend and frontend. This knowledge allows me to build and iterate quickly, as well as understand how the frontend and backend inform each other, particularly in API design.

Responsive design

The mobile-first development approach has worked well for me as it promotes a fluid design that prioritises user experience across different devices. By starting the design process with mobile in mind, I concentrate on the essential elements and functionalities users need on smaller screens. This method ensures that the core features of the website or application are accessible and intuitive, providing a seamless experience regardless of the device used.

Laravel application development

I am proficient in Laravel and can build web applications end-to-end by leveraging its robust features. The framework simplifies complex tasks such as authentication, routing, and middleware, allowing for quick setup of common backend functionalities. Laravel has enabled me to develop rapidly while ensuring that applications are scalable, maintainable, and secure.

TailwindCSS

Over the years, I have come to love TailwindCSS because it encourages a mobile-first approach and consistency in the UI. TailwindCSS allows me to develop quickly and makes refactoring the UI much easier, as I can adjust styles directly in the markup without extensive custom CSS. Additionally, Tailwind provides sensible defaults for spacing and shadows, while CSS resets ensure that my designs are aesthetically pleasing, maintainable, and adaptable to various screen sizes.

Javascript

Although I have primarily worked as a full-stack developer, I am passionate about developing user interfaces. I mainly use Alpine.js and Vue to add interactivity to my applications, creating dynamic and responsive user experiences. These frameworks enable me to build seamless and engaging front-end components while maintaining a clean and organised codebase. I also enjoy incorporating animation into my designs using libraries like Motion to create smoother and more compelling user experiences.

My Work

  • Alpine Motion Library

    I created a small animation library that uses motion.dev to quickly create animations on elements with Alpine directives.

    GOTO
  • B2B Ecommerce

    While working at Crank'd Media our team worked on creating a highly customised B2B ecommerce platform that connects directly to our client's ERP system.

    GOTO
  • Project Management Software

    At Crank'd Media, we created custom project management software that integrates cost estimation, task tracking, and invoicing into a single platform. Our solution features a component library for design consistency and real-time websocket communication, dramatically improving team collaboration and client service efficiency.

    GOTO