Election Day iOS app made with SwiftUI #Swift #SwiftUI #iOS

Howdy – I’ve previously created an app called Election Day using SwiftUI for an ongoing series of SwiftUI projects. It was a simple app to put together, first I’d create a countdown timer that counts the months, weeks, days and even seconds  till the 2020 election on November 3rd. Then I added a card that showed the 2020 election candidates. And this is how it looked…

Not that visually pleasing. Personally, the hardest part of developing an app is designing an app with very little UI elements. This was my attempt to make the app look fuller.

I used Procreate to make a quick wireframe.

A Wirefame is an image or set of images which displays the functional elements of a website, mobile app or page, typically used for planning a site’s structure and functionality.
In this wireframe, I added a separate countdown timer day on top of  the first page. The plan in Xcode was to stack the day counter label on top of a graphic of the American flag so that it looks like a custom timer. Next, I added a quote from a president to fill some space in the center of the app.
After that, I added this link to vote.org. I used Core Location framework to gather location info on the user so that wherever you are, this link will direct you to voting info based on your location. On the second page, I added a scroll view of cards that displays information on the 2020 candidates and timer above.
This is how it turned out…

This was a super fun app to work on. SwiftUI is a great tool and also a great entry into programming since it doesn’t take much to develop really well made apps. Here’s a link to this project on Github. Make sure you get out there and VOTE!


Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.

Join 35,000+ makers on Adafruit’s Discord channels and be part of the community! http://adafru.it/discord

Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7pm ET! To join, head over to YouTube and check out the show’s live chat – we’ll post the link there.

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Follow Adafruit on Instagram for top secret new products, behinds the scenes and more https://www.instagram.com/adafruit/

CircuitPython – The easiest way to program microcontrollers – CircuitPython.org

Maker Business — How (some) chips get made

Wearables — Sample code is your new best friend

Electronics — Solder braid quick fix

Python for Microcontrollers — Python on Microcontrollers Newsletter: Mu 1.2.0 Released, WSL Out of Beta and so much more! #CircuitPython @micropython @ThePSF @Raspberry_Pi

Adafruit IoT Monthly — Jellyfish Lanterns, Matter 1.0, and more!

Microsoft MakeCode — MakeCode Thank You!

EYE on NPI — Maxim’s Himalaya uSLIC Step-Down Power Module #EyeOnNPI @maximintegrated @digikey

New Products – Adafruit Industries – Makers, hackers, artists, designers and engineers! — JP’s Product Pick of the Week 11/22/22 EyeSPI Breakout @adafruit @johnedgarpark #adafruit #newproductpick

Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !

No Comments

No comments yet.

Sorry, the comment form is closed at this time.