Logo
web · cloud

Event Aggregator

May 18th, 2022

Gatsby React GraphQL NodeJS Styled Components

Event Aggregator

Search Parties

We worked on the full site build for Search Parties Ltd. The site was created using styled-components, Gatsby, React.js and GraphQL using a Figma design to guide the UI.

React Query was used for handling API data and Formik was used for client-side validation of inputs.

Static content was loaded from Markdown templates using GraphQL.

We used a combination of server side HTML generation, Gatsby's image processing and SEO optimisation to ensure that the platform was not only fast and responsive, but also highly discoverable.



Landing Page
Figure 1: Landing Page

Events
Figure 2: Events

Events
Figure 3: Event Detail

Events
Figure 4: Registration

Profile
Figure 5: Profile

Filters
Figure 6: Filters

We also made it responsive on mobile devices.

Mobile Landing Page
Mobile Event Page
Mobile Event Carousel
Figure 7: Mobile screenshots


More content to follow...

Thanks for reading!

Share this itemimgimgimgimg

Related Projects

NaviSavi

Video-only community for travellers, digital nomads and online wanderlust fans.

cloud · mobile

Logo
James Does Digital
Software Development
Cloud Computing
Current Address
Edinburgh
Scotland
UK
This site was created using the Jamstack.
All articles © James Does Digital 2024. All rights reserved.