Have a great idea of a civic tech website but don't know how to build it? Come to this workshop to learn how to build anything from a simple marketing page to a rich, interactive application using a simply stack of free and open source tools without ever needing to host your own servers.

NO CODING EXPERIENCE REQUIRED. Basic familiarity with HTML, CSS, and JS are useful for building more complex experiences, but even folks with zero experience will be able to launch a simple hello world site by the end of the event.

In this workshop, we'll cover three big open source frameworks, as well as provide a basic intro to git and Github:
\- NextJS \(https://nextjs\.org/\)\, a React framework for building javascript powered static sites easily and quickly\. As a bonus\, the company that maintains the NextJS open source project\, Vercel\, offers a free tier that will let you get your site deployed before you even leave the workshop\.
\- TailwindCSS \(https://tailwindcss\.com/\)\, a set of composable CSS classes that allow you to skin your react components to match your artistic vision without needing to understand the nuances and complexities of basic CSS\.
\- Solid \(https://solidproject\.org/\)\, a new federated data storage standard being promoted by inventor of the web Tim Berners\-Lee for adding login and more complex data storage to your application without you needing to host your own servers or databases\. Solid is currently being used by governments and institutions around the world to prototype a new personal\-data centric vision of the web\.

After a short intro presentation explaining the tools and what they are useful for, we'll spend most of the time hacking and building your new websites. You should come with your own laptop, or be prepared to find a buddy with a laptop at the event to pair program with to launch the first site.

Ian Davis

Hack.London

Social Activities

Social

Community

Make New Friends

Fun Times

Civic Engagement & Technology

Community Service

Web Technology

Civic Hacking

Open Government

Build civic tech apps fast and cheap with NextJS, TailwindCSS, and Solid

Newspeak House

Share

Hack.London

Build civic tech apps fast and cheap with NextJS, TailwindCSS, and Solid

Hack.London

Details

Members are also interested in