Lyndsi Kay Williams

Frontend Software Engineer

scrolling banner

Scrolling Image Banner

Vite | React | React Hooks | TypeScript | Emotion | Material UI | Vercel | ImageKit

A scrolling image banner that pauses when hovered over, resuming once the cursor moves away.

Clicking on any image will open a full-screen modal display of that image.

Apache Supserset logo

Apache Superset OSS contributions

ReactJS | TypeScript | Redux | Hooks | Emotion | Material UI | React Testing Library

My open source contributions to Apache Superset in 2023.

Click to see details and links to pull requests:

Apache Supserset logo

Apache Superset: Installing locally is easy using the makefile

• Tech blog on dev.to •
# webdev # opensource # react # python

In this article, I'll guide you through a streamlined local installation of Apache Superset using the makefile.

DOM comparison banner

Real DOM, Virtual DOM, Shadow DOM: What's the Difference?

• Tech blog on dev.to •
# webdev # react # frontend # performance

Take a dive to see how the different types of DOM work together to create a clean, performant Document Object Model.

React symbol + fish hook

React hooks: An advanced look at converting useState to useReducer

• Tech blog on Hackernoon and dev.to •
# webdev # react # tutorial # programming

A more complex example of how to use the useReducer hook for state instead of the useState hook.

useReducer form

Vite/useReducer form state example

Vite | React | React Hooks | ReactJS | TypeScript | Emotion | Material UI | Vercel | Lodash

My first app created with Vite. This project demonstrates manipulating state with the useReducer React hook.

This form uses an action to change state independently by field. Alternatively, the data can be changed as a whole by manipulating the entire JSON directly.

React symbol + fish hook

React hooks: How to convert useState to useReducer

• Tech blog on Hackernoon and dev.to •
# webdev # react # tutorial # programming

A basic example of how to use the useReducer hook for state instead of the useState hook.

Apache Supserset logo

Apache Superset OSS contributions

ReactJS | TypeScript | Redux | Hooks | Emotion | Material UI | React Testing Library

My open source contributions to Apache Superset in 2022.

Click to see details and links to pull requests:

Apache Supserset logo

Apache Superset: Testing and Enzyme to RTL conversion

• Tech blog on Hackernoon and dev.to •
# testing # react # opensource # webdev

Helpful tips for writing tests in Apache Superset with Jest and React Testing Library.

Apache Supserset logo

Apache Superset OSS contributions

ReactJS | TypeScript | Redux | Hooks | Emotion | Material UI | React Testing Library

My open source contributions to Apache Superset in 2021.

Click to see details and links to pull requests:

amythio storybook page

.: Amyth.io :.

• Component library •
ReactJS | TypeScript | Emotion | Material UI | Cypress | Vercel | Storybook

My first component library built with a fun space theme. I used this project to teach myself how to:

• Animate a static image

• Deploy to Storybook

• Set up component testing in Cypress

• Publish packages to NPM

Citrics home page

Citrics

Labs project - ReactJS | Redux | Ant.Design

An app designed to help users research and compare cities while searching for a new home.

• Collaborated with 4 web and 2 data science team members during an 8-week simulated work environment

• Constructed and maintained the team flowchart and wireframe

• Solely responsible for creating and styling the team's About page

• Utilized the Redux state management system to manage data on the front end

• Communicated with our team project lead in order to touch base with our stakeholder, implementing any changes to properly implement his product vision

Med Cabinet home page

Med Cabinet

React II developer - ReactJS | Redux

An app designed to help users find the best medical marijuana strain for their needs.

• Collaborated with 3 web and 3 data science team members during a 4-day sprint

• Solely responsible for incorporating Redux as a state management system

• Created client-side authentication

My version of Conway's Game of Life home page

Conway's Game of Life

Computer science project - ReactJS | CSS

An app to display a deceptively simple simulation of an environment where simple rules produce great complexity over time.

• Created a graph and styled the display purely with CSS

• Applied Conway's rules for the Game of Life to each cell in the graph

• Implemented extra functionality: User can make the cell sizes smaller or larger, and user can populate the graph with a random assortment of living cells.