Here are some of the projects I have completed or been involved with. Currently these projects are mainly Wordpress / HTML / CSS, and I will add more when I learn new technologies.

Echo Manchester

2013 - 2014

Content aggregator site to bring together events in the inclusivity and diversity and left community in Manchester. I contributed to community outreach, content planning, and UX design. Click for more.

The website was developed by my colleague, and I joined the project to help publicise, form connections with the local community to integrate the website, and contribute to project planning and UX design. We planned changes to the website around the needs of the local community, and I also found new event feeds and groups for us to link in with.

The aggregator was originally written in PHP, and then re-written using JavaScript / Node.js.

My contributions here were more on the UX, project management, and user engagement side rather than technical, and I learned a lot from the project:

  • Importance of thinking about the needs of users - for both designing features and what to include & not include in a project.
  • Iterative process - way of working where we continually optimise the project and user experience using feedback and monitoring performance.
  • Accessibility - we wanted to make the content available to people who couldn’t / may not come across it online. We enabled a feature to print a weekly list of events from the website, which event organisers could use to have paper copies available at in person events. This was also a good way for new people to find out about the project.

This project is also interesting for me to look back on - while I was involved with it the tech side of it seemed daunting. Now that I am learning to code, I am interested in how it all works!

→ Archived Echo Manchester github repo → Snapshot of echomanchester.net from Internet Archive

Manchester Social Centre

2012 - 2014

Developed and maintained a wordpress based website for a community centre. Trained volunteers to update the website & write content. Click for more.

Manchester Social Centre was a volunteer community event space in Rusholme with a cafe. I developed the website using Wordpress and some HTML and CSS customisation, and taught volunteers how to update it and add posts.

What I learned from this project:

  • Importance of thinking about the tech skill level of the future maintainers and users of a system when designing it.
  • How to communicate about technical issues to people with less experience.
  • Working as part of a large team to plan and deliver a project. I was developing the website alone, but liaised with the whole social centre community about the brief and content.
→ Manchester Social Centre Twitter → Snapshot of manchestersocialcentre.org.uk from Internet Archive
Photo of a mobile phone with this website on the screen. The phone is on a piece of paper with a plan for how to make this website drawn on it.

Portfolio Website

2022

..and this website is also a project. I built it after completing the Responsive Web Design module on freeCodeCamp, and at the moment it uses HTML5, CSS and a little bit of JavaScript. Click for more.

I've tried to keep the content clear and the website accessible, using Lighthouse and axe DevTools for testing. The website is hosted via github pages, and in the future I plan to add a blog engine using Jekyll.

What I learned from this project:

  • Setting up and using a Visual Studio Code environment with a git workflow to a github repository
  • How to setup a custom domain and redirect with github pages (configured apex and subdomains with a DNS provider and setup SSL certificates with github pages)
  • How to create a website from scratch using HTML and CSS
  • Creating reusable custom HTML elements using JavaScript
  • Setting up web analytics in a secure and GDPR compliant way
  • …and using tools like Trello to project manage the above!
→ Portfolio website github repository