← back to posts
                   ,»»»»»»»»»»≡»≡≡»»«≡≡≡╔╔╔╔╔╔╔╔╔╔╔╔╔,
                   !░│¡░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒
                   !░!)φ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒╠╠
                   ]░░▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓]
                   ]░░╬╬╬╬╬╬╬╬╬╬╬╬╬╬▓▓]
                   ]░░╬╬╬╬╬╬╬╬╬╬╬╣╣▓▓▓▓▒╡
                   ]░░╬╬╬╬╬╬╬╬╬╬╬╬╣▓▓▓▓▓▓▒╡
                   ]╬╬╬╬╬╣╬╣╣╣╣╣▓▓▓▓▓▓╠╡
                   [▓╣╣╣╣╣▓╣▓▓▓▓▓▓▓▓▓▓██╠╡
                   [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██╠╡
                   ]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████╠╡
                   [▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████╠╡
                   [░░└└└└└╙╙╙╙╙╙╙╙╙╙╙╙╙╙╙╙╙╙╙ ╠╡
                   [░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒╡
                   [░░░░░░░░░░░░░░░░░░░░░░▒▒▒░▒▒▒▒▒▒╡
                   [░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒╠╡
                   Γ░ΓΓΓΓ░╚╚░╚╚╚╚╚╚▀▀▀▀▀▀▀▀▀▀▀▀▀╠╠Γ
                   [░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒╠╠╡
                   φ░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒╠╠
                   ░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒╠Γ
                   ]╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬
              _____]╣╣▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓____
       _ƒⁿ╙]M░ƒ∩░%∩░╔╔∩⌐ƒMƒƒM5²MδƒMΘφM░j∩>%^^(φƒ╕░ƒƒp░░Q
       .7DDφ≥▒5≥▒φ≥▒δUΓφ7ΓêÜê5Üφ5Üδ≤Üê5▒φ╠▒φ⌂Då5_"S"S"""Å"ⁿ-.,
╚╚╚δ╚╚δδδ╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚╚W╚╚⌐╚╚W╚╚⌐╚╚Ü.-W╚╚╚╚╚ë╚╚ë╚╚Θ░      __`-
     =Q░░░░░░░░░░░░░░░░░░░░░░▒▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒

SFDS Network

My latest project is now live at sfds.network.

SFDS Network is a simple platform designed to help connect volunteers, anyone interested, and event organizers. It's purpose is to help discoverability and communication in this church community without relying on facebook or signup genius or any of the other ad-focused tech solutions.

Home Page

The home page shows the upcoming events in a carousel on top and has a calendar which allows visitors to select days to see a preview of event details for that day. Most visitors will come to the page to see details for an event that is coming up soon, so the carousel should give them exactly what they want right away--but, for other visitors who are looking for a specific event, they can use the calendar to browse by day of week or toggle forward a few months to find the right event, all immediately accessible on the top of the home page.

Home when not logged in
home when not logged in
Calendar with selected date when not logged in
home when day is selected

Login

I've noticed in building my other sites that people don't really like creating and managing passwords, but I also don't like magic link flows that require you to sign in and click your email every login. I decided to add google and apple sign in for those that just want a two-click sign up without having to think about passwords or password managers. Then for the people like me that prefer email/password logins, I added the signup with email flow. This flow uses a magic link that expires after 24 hours and allows the person to validate their email by clicking it and are navigated by it to the password setup page. If you're using a password manager the flow is very quick and easy--can be completed in 3 or 4 clicks.

Login
login on desktop
Login flow on mobile (1 of 6)
Login flow on mobile (2 of 6)
Login flow on mobile (3 of 6)
Login flow on mobile (4 of 6)
Login flow on mobile (5 of 6)
Login flow on mobile (6 of 6)
login flow on mobile
Login on mobile
Logout on mobile
login and logout on mobile
Home when logged in
Home with day selected when logged in
Home info on mobile
Home notifications on mobile
home on mobile (logged in)

Calendar

SFDS Network's calendar displays events, event series and volunteer opportunities. Visitors and members can view a global calendar or ones specific to the community they are interested in. They can also view a personalized calendar based on their subscription preferences. The events can be made public with nice link previews for sharing or they can be limited to specific people moderators choose or members of the platform. This allows event organizers to setup volunteer opportunities for specific qualified people, as well as limit the reach of the event or opportunity, i.e. if it is a smaller event the organizer doesn't want indexed by search engines and shared far and wide. If wide publicity is what the organizer wants they can check the public option and it will be made available for indexing and sharing and visitors can view its details.

Events view on desktop
the events calendar on desktop
Events list view on desktop
events list on desktop
Event detail page
event detail page
Volunteer roles
volunteer roles
Event page on mobile (1 of 4)
Event page on mobile (2 of 4)
Event page on mobile (3 of 4)
Event page on mobile (4 of 4)
event page on mobile
Community calendar on mobile
Community on mobile
community calendar and community on mobile

Forum

Forum view on desktop
the forum on desktop

The idea behind adding a forum was to help save organizers the trouble of responding to individual emails or needing to send out multiple emails to multiple groups as they get the same questions about their event or community from different people at different times. If someone has a question about an event, they can ask it in the forum for that community. Others can benefit from the answers provided there by the organizer or someone else in-the-know. Newer people can benefit from reviewing the previous questions in a community before asking their own as they may have the same question that has been asked and answered many times before.

Events view on mobile
Forum view on mobile
the forum on mobile

Account and community

Community page
community page
Notifications
notifications
My account
my account
Profile
profile
My account on mobile
Notifications on mobile
my account and notifications on mobile

The site is built with Go, templ, HTMX, Tailwind and SQLite. Deployed via Docker to a T4g.Micro EC2 instance. Check it out at sfds.network.