Swamp City Mobile App

I created a redesign for a nearby city's mobile app. I wanted to showcase the city's main attractions in a simple, eye-catching style using flat-design icons.

I chose the color scheme to be earthy, soft, and dark. The city has a lot of cultural gems, organic restaurants, and art scenes that all matched the earthy tones.

I created a landing page for the app, a second menu that would be reflected in the naviation, and one example of a page selected from the menu.

Mandi Lane Vintage Shop Template

1. 1.Open source stock photos
2. 2.Original icons
3. 3.Color palette
4. 4.Typography
5. 5.Layout
6. 6.Responsive Design
7. Fork on GitHub

Harry Potter Spoiler Reveal

1. 1.Embed SVG into HTML
2. 2.Hide Spoiler on page load
3. 3.Add button with click event
4. 4.On click, hide cover
5. 5.On click, show spoiler

Fox Line Drawing

1. 1.Embed SVG into HTML
2. 2.Set class names for path shapes
3. 3.Create keyframes for various color fills
4. 4.Determine dashoffset for each path
5. 5.Create keyframes to reset dashoffset
6. 6.Time delays on animations

Dice Roll

1. 1.Set up HTML and CSS
2. 2.Random number generator
3. 3.Prototypal function for dice rolls
4. 4.For loop to create corresponding dots
5. 5.Place HTML in the DOM
6. 6.Trigger the event on click

Moon River Blog Template

1. 1.Open source stock photos
2. 2.Original icons
3. 3.Color palette
4. 4.Typography
5. 5.Layout
6. 6.Responsive Design
7. Fork on GitHub

Random Color Generator

1. 1.Set up HTML and CSS
2. 2.Start with random number generator
3. 3.Random color generator using rgb values
4. 4.Loop determines the number of colors
5. 5.Add click event on submit button
6. 6.Place HTML in the DOM
7. 7.Reload new colors on click