Linda Thompson

A friendly and resilient front-end web developer
building approachable designs for data-driven user experiences

GitHub icon Twitter icon
expand_more

Featured Projects

A light blue background with black text. The header asks the question "What is the official name for the hashtag symbol?" and there are four multiple-choice answers stacked on top of each other: Number sign, Octothorpe, Pound, and Hash sign. The second answer, octothorpe, is selected and underlined. Below is a large black button asking "Is this your final answer?",A light red background with black text. Centered in the screen is the question "In a game of bingo, what number is represented by the name two little ducks?" with four checkboxes, all unchecked, with labels underneath - 77, 20, 22, and 55. Below is a large black button asking "Is this your final answer?" with dark red text underneath saying "You've got to pick an answer first - no skipping ahead!",A light green background with the header "You made it" centered in the top. Beneath it shows the users final score of 6 / 10, an encouraging statement, and then starts showing each question with the answer the user picked and the correct answer below.

Trivia Quiz

React

CSS

JSON

A small trivia quiz - answer random trivia questions, and see your score and the answers at the end! I tried to style it similar to Typeform's style, and learned a ton about React along the way.

Demo Code Live Site
View Project Case Study
A heading bar with Do I Own This on the left, and a greeting and sign out button on the right. Then, a filter bar, showing a drop down menu and a text box with a search button. Finally, a link to add something new, and a grid view three across and multiple down showing photos of nail polishes with their name below them.,At the top left, a link in black text with a pink underline saying Back to All Items. In the center of the page, a hand holds a bottle of blue nail polish that says Zoya. Underneath the photo, there is data about the polish - the name Sia, brand Zoya, color group blue, and finish gloss.,A heading bar with Do I Own This on the left, and a greeting and sign out button on the right. Then, a filter bar, showing a drop down menu and a text box with a search button. Underneath, there is welcome text, introducing the site and instructing the user to sign in to start their collection.

Do I Own This

Vue

Firebase

CSS

Do I Own This is a personal nail polish inventory tracking site. It's meant to hold information about your collection, so while you're out at a store you can easily see if you already own a polish or not. I built this site to both help my future self, and learn Vue.

Demo Code Live Site
View Project Case Study
Hobbes the Tiger, from the comic strip Calvin and Hobbes, drawn with HTML and CSS.,A small plant with a white stem and light green leaves pokes out of a pastel purple vase with a pastel yellow water tray.,A gray elephant on a blue background, facing forwards, with small white toenails and white tusks.

CSS Images

HTML

CSS

Images created using CSS, following prompts from a daily email. Through working on these drawings, I started to learn more about positioning items with CSS, as well as flexing the creative side of my mind.

Demo Code
View Project Case Study
See All Projects

Featured Writings

Project Breakdown - Snake

I re-created a version of the classic phone game! Lessons and thoughts from my experience.

Building an RSS Feed in Nuxt with Nuxt/Content

How I set up my RSS feed so I can cross post my blogs!

TIL - Text-decoration Shorthand!

What is (and isn't) included in the text-decoration shorthand declaration.

Gridsome Troubleshooting & Lessons Learned

Adventures in Gridsome! Finding an error & learning how to see it.

Hosting an App with Heroku and Netlify (if you've never done it before)

The steps I took to post my Udacity final project online

See All Posts