Sheryl Darroch

Front-End Web Developer

I'm a mid-western girl, born and raised in the mitten state.

I'm passionate about making beautiful, functional and responsive web pages and apps. I created this page to showcase some of the cool projects I've built recently.

When I'm not glued to my laptop, I'm baking delicious, gluten-free goodies; repurposing antiques into home furnishings; or spending time with my husband and two teenagers.

Work

I've chosen a collection of projects that highlight a variety of programming languages and skills. Take a closer look, and enjoy.
Screen shot of todo list app web site

Todo List App

JavaScript, HTML5, CSS3

Learn more ❯

×

Todo List App

Interactive Todo List App hand-coded with Javascript, HTML5, and CSS3.

See it in action ❯ Checkout the code ❯
Screen shot of scoreboard app web site

Scoreboard App

React.js, Redux, JavaScript, HTML5, CSS3

Learn more ❯

×

Scoreboard App

Interactive Scoreboard App created with React.js and Redux.

See it in action ❯ Checkout the code ❯
Screen shot of site optimization web site

Site Optimization

HTML5, CSS3, JavaScript, JQuery, SASS, Node.js, GULP, Sprite Images, SVGs

Learn more ❯

×

Site Optimization

Optimized an existing web site to improve its speed and performance. Reduced http requests from 44 to 17 and file size from over 3MB to less than 1MB, while maintaining the integrity of the design and functionality.

See it in action ❯ Checkout the code ❯
Screen shot of bakery web site

Bakery Redesign

HTML5, CSS3, JavaScript, SVGs

Learn more ❯

×

Bakery Redesign

Designed and developed a responsive, multipage website for a home-based bakery using HTML, CSS and JavaScript.

See it in action ❯ Checkout the code ❯
Screen shot of web app dashboard web site

Web App Dashboard

HTML5, CSS3, JavaScript, JQuery, SVGs, HTML Forms, LocalStorage

Learn more ❯

×

Web App Dashboard

Took a mockup and created an interactive, responsive web app dashboard with JavaScript-driven charts and graphs. It also includes tables and other user interface components that promote interactivity and usability.

See it in action ❯ Checkout the code ❯
Screen shot of SVG graphics web site

SVG Graphics

HTML5, CSS3, SVGs

Learn more ❯

×

SVG Graphics

Modernized the UI of a web page by replacing images with SVG graphics. Styled SVGs to be responsive, changed their colors to compliment the content, and added CSS transitions to add animation.

See it in action ❯ Checkout the code ❯
Screen shot of interactive video player web site

Interactive Video Player

HTML5, CSS3, JavaScript, HTML5 Video Player

Learn more ❯

×

Interactive Video Player

Built an interactive video play that synchronizes the video and the transcript. The transcript highlights as the video progresses; and when the user clicks on the transcript, the video switches to the corresponding time.

See it in action ❯ Checkout the code ❯
Screen shot of accessiblity refactor web site

Accessibility Refactor

HTML5, CSS3, Web Content Accessibility Guidelines (WCAG) 2.0

Learn more ❯

×

Accessibility Refactor

Modified an existing website to improve the site's accessibility for users following WCAG 2.0 guidelines, including Aria Landmark Roles, color contrast, and tags/labels that optimize functionality for screen readers.

See it in action ❯ Checkout the code ❯

Skills

In addition to my exceptional problem solving and troubleshooting skills, my extensive experience meeting and exceeding customer needs and expectations, and my excellent organizational and analytical skills, I have mastered the following technical skills.

Education

I am a lifelong learner who believes that knowledge comes from so much more than formal education; and yet, I've had my share, so here it is.

Contact

I'm currently looking for a full-time front-end web developer position and freelance work. I'd love to discuss how we can work together to make beautiful things. Contact me today.
×