Mark Tiddy

Web and App Developer

My Work Contact

Mark I am a full-stack developer from Colchester, Essex having recently achieved the CareerFoundry Full Stack Development certification. I have experience with a wide-range of technologies with more in-depth knowledge of JavaScript, React and Wordpress alongside being familiar with Github for version control and both SQL and noSQL databases. Coding enables me to express my passion for creativity and problem solving.

My professional background is in youth work and youth work training which I have worked in for over 15 years, providing me with excellent communication, networking and presentation skills with plenty of opportunities to innovate and create new projects.

Alongside my full-time job I have been involved in working with charities to develop websites for their projects and have provided follow-up training in order to enable them to update their own websites using CMS systems.

My Skills

JavaScript

React

React Native

Swift

Wordpress

Bootstrap

Node.js

Express

Vue.js

SQL

MongoDB

HTML

CSS

SASS

jQuery

My Work

Youth Work Resource

(Website)

A website created to provide resources, games, advice and vacancy information to church-based youth workers. The site has been established for over 10 years and has a monthly reach of 5,000 users.

HTML

CSS

Bootstrap

Wordpress

SQL

Visit Website

100 Questions Youth

(iOS & Android App)

An app designed to help youth workers have great conversations with young people by displaying a random question from a bank of 100 Questions without repeats.

Swift

Flutter

View App View Code

myFlix DB

(Full-stack Project)

A website combining frontend and backend skills to show users movie information plus create, edit and delete accounts. The site has a custom-written API and MongoDB database with mongoose schema.

HTML

CSS

JavaScript

React

Bootstrap

Node.js

Express

MongoDB

View App View Code

Music Mentoring Portfolio Site

(Website)

Build for the same client as above who was looking for a way to take their paper portfolio's for mentoring awards online. This custom built React app let's mentors add,remove and update students and allows students to complete their portfolio, customise the design and save it as a PDF.

HTML

CSS

JavaScript

React

Firebase

View a Video of the App View Code

LecDeck

(iOS and Android App)

This app already existed as a playing-card resource for youth groups and the challenge was to turn it into an app that matched the correct resource to the week of the year (and would work into the future) . Built using React Native. (Due to go live in the app store Autumn 2020)

React Native

JavaScript

View Code

Personal Portfolio

(Website)

As my skills have developed so has my portfolio. My personal portfolio is an ever developing project where I can put my skills into practice. The latest version was built from a mobile-first perspective.

HTML

CSS

SASS

JavaScript

jQuery

View Code
View More Projects

Backroom Stereo

(Band Website)

A website for a band built using HTML, SASS and JavaScript.

HTML

CSS

SASS

JavaScript

Visit Website View Code

TickList

(Website)

A to-do list that makes use of a browser's local storage feature and material design. User's can add, tick off and delete items.

Vue.js

Material

Visit Website View Code

Music Mentoring

(Website)

Built for a client looking for a fresh design for their youth work website. This site makes use of Bootstrap with some custom colours and embedded videos.

HTML

CSS

JavaScript

Bootstrap

Visit Website View Code

Build-a-Quiz

(iOS App)

Created as a hobby-project (and still under development) this React app allows users to create custom quizzes and play existing ones. Data for the app is stored in Firebase and user accounts and user areas for Firebase are under development.

React

CSS

Bootstrap

Firebase

Visit Website View Code

Chat App

(App)

A course project using React Native, GiftedChat and Firebase to create a native chat app for mobile devices.

React Native

Firebase

View Code

App Landing Theme

(Wordpress Theme)

A custom wordpress theme whereby each individual page acts as a landing page for an app allowing users to host multiple landing pages on one Wordpress site. This theme was built using PHP and requires the Custom Fields Plugin.

Wordpress

PHP

JavaScript

Visit Website View Code

The Pokémon DB

(Website)

Making use of the Pokémon API this website displays a list of Pokémon, allows users to search for specific ones and click to view more information.

HTML

CSS

JavaScript

Visit Website View Code

Charity App

(iOS and Android App)

Built for a local charity using React Native this project enables their volunteers to find essential information and record session data.

React Native

View Code

USA Tip Calculator

(iOS App)

A simple yet effective tool to help users calculate the amount they wish to tip based on their bill. This app uses AdMob and in-app purchases to generate some revenue.

Swift

View App View Code

This or That

(iOS App)

An app created using Xcode which presents users with 'either or' choices to make and logs their choice to a Firebase database and shows them how others have voted.

Swift

Firebase

View App

Hangout

(Website)

A website that uses the Meetup API to show users events near them or events chosen from a location search. This app was built using a test driven development style and displays some data with charts.

JavaScript

React

View Video of the Website View Code

Personal Blog

(Website)

My personal blog which is hosted on Netlify but configured using Headless Wordpress. The site is built using Gatsby and Bootstrap which access the Wordpress API. The CMS runs on Wordpress and a hook is in place to rebuild the blog when a new post is added.

Wordpress

Gatsby

Bootstrap

Visit Website

Get in Touch

Use the contact details or complete the form to get in touch.

Contact Form

ERROR: Please enter a name

ERROR: Please enter a valid email address

ERROR: Please enter a message

SUCCESS! - Your message has been sent!

Top