Hi I'm Ben Duffield-Harding
- 💻 Software Engineer and Makers Academy Alumnus.
- ✍️ Passionate about building stylish frontends and exploring modern UX trends, check out my Portfolio Site with graphics made using Blender and Three.js.
- 🕵️ I thrive on problem-solving, especially when it comes to creating solutions for others. Experienced in Agile methodologies, I enjoy collaborating in teams to tackle complex challenges. Check out my contributions to Recipeasy, a web app that takes a URL to a recipe and scrapes the recipe data from the web page, this populates a recipe form in the app which can be modified, saved, and stored in your collection.
- 🚀 Eager to connect and collaborate with like-minded individuals in the tech community. Contact me on LinkedIn!
React |
Python |
JavaScript |
Swift |
Solidity |
MySQL |
MongoDB |
PostgreSQL |
Bootstrap |
Tailwind |
|
Flask |
Django |
Vite |
Vitest |
Nodejs |
Github |
P5.js |
Blender |
Figma |
Three.js |
| Name | Description | Tech/tools |
|---|---|---|
| Three.js Portfolio Website | Landing page model created in Blender and imported into Three.js to create motion graphics. Portfolio website designed in Figma and created in Typescript/React with Tailwind styling. | Figma, Three.js, React, Netlify, Tailwind, Typescript. |
| Chitter Social Media Website | Social media website built with Flask and PostgreSQL, with graphics made in Three.js and GLSL. Deployed on a virtual machine with Digital Ocean. | Flask, PostgreSQL, GLSL, Adobe Creative Suite, Figma, Three.js, Tailwind. |
| Putney Web Designs Website | Single Page Web application made by following OOP principles using React and Tailwind. The website is fully responsive across devices. | React, Javascript, TailwindCSS, Figma. |
| REBRUSH Wordpress Website | Wordpress website and 3D CGI scenes made for REBRUSH, a company offering eco-friendly toothbrushes made from recycled materials. | Wordpress, WooCommerce, Blender, Adobe CS. |
| Pokedex Android Mobile App | The app has been created with React Native and is available to download for Android devices via the link. Graphics have been created in Illustrator and animated in After Effects. The search function uses the Poke API to populate the pokemon detail page. | React Native, Adobe Creative Suite, Expo, Figma, Tailwind. |
| BDH Art & Design Shopify ECommerce Store | Art & Design showcase utilising Shopify Integration, exploring graphic design principles - colour theory, layout design and typography. Utilised Netlify forms to collect customer queries. | GLSL, React Three Fibre, Adobe Creative Suite, React, Tailwind, Figma. |
| RecipEasy | Created to solve the inaccessibility issue of long form recipe blogs. A web app that scrapes the recipe data from a page, populating a recipe in the app that can be modified, saved, and stored. | MongoDB, Express.js, React, Node.js, Tailwind, Figma. |