Maria Szubski

这个项目既是对场地的重新设计，也是约翰逊的一种方式 & 来测试他们新的BodilessJS平台. BodilessJS is a toolset that builds websites based on a shared component library without needing a CMS. 内容可以在浏览器中编辑并直接写入repo.

I consulted with Johnson & Johnson to provide feedback on the BodilessJS developer experience and contributed new components to the shared library. I worked with multiple teams and stakeholders to establish the project's scope and timeline to create the best possible experience for the client.

为Zarbee的网站，一个约翰逊收购的品牌 & Johnson, I created page templates and extended the BodilessJS library to align with brand requirements. 我还指导团队成员学习React和顺风CSS的最佳实践.

Aster wanted to redesign its brand sites, 品牌之间尽可能多地共享功能和设计. We accomplished this using the Gatsby theme to create a reusable library of styleable components.

我是这个网站的主要前端开发人员, creating the library of shared components, 然后定制适合每个网站品牌的样式. 客户只提供了桌面设计模型，我把它变成了响应式布局.

The following Aster sites were all built using the same underlying Gatsby theme and Strapi CMS set up: www.truemontmaterials.com, www.redi-rock.com, www.rosettahardscapes.com, www.polebase.com, www.redi-scapes.com, manufacture.redi-rock.com, www.makepolebase.com, and www.makerosetta.com.

The company wanted a redesigned site to promote its fleet solutions for commercial vehicle services, including vehicle upfitting, management, and a knowledge center.

我在React和Storybook上用Gatsby构建前端组件和可重用模板. The design overhauled the company's content organization and marketing strategy to reach a new customer base and highlight the company as an industry thought leader.

The company wanted to expand the scope of its website to include a series of training sessions based on its extensive collection of research and experience. Its new Fleet Studies Lab website consists of classes and courses on topics in the commercial fleet industry.

我是这个项目的主要前端开发人员, 为类创建组件和模板库, course categories, and main landing page. This website is being used to train and collaborate with other up-and-coming experts in the industry.

Kitchen 1883是克罗格经营的连锁餐厅. 本网站提供每个地点的详细信息, 包括菜单项和在线订购的能力.

我在React上用Gatsby构建了这个网站的前端. 我使用Storybook来构建、测试和记录组件. The site is fully responsive and accessible and can be navigated with a keyboard or screen reader.

莱茵河餐厅是克罗格辛辛那提市中心杂货店内的一个食品大厅, featuring local restaurant concepts. 这个网站提供关于每家餐厅和即将举行的活动的信息.

我在React和Styled Components上使用Gatsby构建了前端. I used Storybook to build, test, and document these components to ensure they were flexible and met accessibility standards. 该网站可以完全通过键盘或屏幕阅读器浏览.

I created this single-session workshop to cover the basics of Gatsby and the benefits of static site generators. It explores the basics of React and Gatsby, including function components, props and state, routing, plugins, and CSS-in-JS. Participants built a single-page Gatsby site and deployed it to Netlify during an in-person meeting.

The workshop covered: the React project structure and routing; pre-fetching with Gatsby Link; the Gatsby Image; React building blocks such as function components, props, hooks, and state; the Styled Components and Web Font Loader plugins; and Netlify deployment.