Hi, I'am Michael

Web Developer

Recently completed a degree in Computing and IT and while looking for work, increasing a portfolio to showcase example work.

Contact Me

About Me

Introduction

I have over 10 years of experience working in retail at various levels, including management. While I gained valuable skills in this sector, I decided to pursue a new path by studying web development with the Open University. My goal is to transition into a field that aligns more closely with my passion. Although I recognize that I still have much to learn and improve upon in this new domain, I am fully prepared for the challenges ahead.

7+ Years Management
experience
10+ Portfolio
Samples
3+ Years Design
Student

Skills

Overview

Transitioning into web development, my studies have equipped me with a diverse skill set spanning both frontend and backend development, supplemented by a solid understanding of the underlying theoretical concepts. From crafting engaging user interfaces to implementing robust server-side logic, I have acquired practical skills across multiple domains within web development.

Frontend

HTML5 | CSS | SCSS

Proficient in HTML5, CSS, and SCSS, adhering to industry standards set by organizations such as W3C and WHATWG. Experience includes implementing semantic HTML markup and following CSS methodologies like BEM to ensure code maintainability and accessibility.

JavaScript | React

While some approaches were not covered in my degree, I continued to develop my understanding and practical skills, particularly in React. By leveraging official documentation and combining it with the JavaScript knowledge acquired during my degree, I have significantly enhanced my proficiency in working with JavaScript and React. I am adept at building dynamic and interactive user interfaces.

Responsive Design

Proficient in creating responsive and mobile-first websites that adapt seamlessly to various screen sizes and devices. Experience in utilizing CSS media queries, flexible grids, and fluid layouts to ensure optimal viewing experiences across desktops, tablets, and smartphones. Familiarity with responsive design frameworks such as Bootstrap or Foundation to expedite development and ensure compatibility across devices. Ability to optimize website performance and usability by implementing responsive images, font scaling, and other responsive design techniques.

Accessibility

Experience in implementing accessibility features to ensure websites are usable and accessible to all users, including those with disabilities. Also familiarity with WCAG (Web Content Accessibility Guidelines) and best practices for making web content perceivable, operable, and understandable.

Backend

Database Management Systems

Experience working with relational databases like Postgres mainly but familiar with non-relational databases, following best practices outlined in their respective documentation. Familiarity with standards such as SQL for relational databases.

Programming Languages

Primarily working with Python for backend development, adhering to PEP standards and Python's official documentation. While not as much, My studies also gave some experience in Java and JavaScript (Node.js) following Java Language Specification and ECMAScript standards.

API Development

Experience in designing, developing, and maintaining RESTful APIs for web and mobile applications. Experience in following best practices for API design, such as error handling. Familiarity with API testing tools like Postman to ensure API functionality and performance.

Web Frameworks

Experienced in developing web applications using Django, adhering to Django's design philosophies and official documentation. Familiar with other frameworks like Flask and Express.js, following their respective documentation and best practices.

Design

UI/UX Design

Applying UI/UX design principles to create intuitive and user-friendly web interfaces. Experience in conducting user research, creating user personas, and designing user flows to enhance the overall user experience. Skilled in translating user requirements and business goals into visually appealing and functional design solutions. Ability to iterate designs based on user feedback and usability testing to optimize the user experience.

Prototyping and Wireframing

Experience using Figma and Sketch for prototyping and wireframing web applications. Experience in creating low-fidelity and high-fidelity prototypes to visualize and communicate design concepts. Skilled in designing interactive prototypes with clickable elements and transitions to simulate user interactions and flows. Ability to collaborate with stakeholders and developers to refine and iterate on design concepts throughout the design cycle.

Design Tools

Using tools like Figma for prototyping, wireframing, and creating mockups for web applications. Experience in leveraging the features and capabilities of these tools to design intuitive user interfaces and streamline the design process. Skilled in creating reusable design components and maintaining design consistency across multiple projects. Ability to collaborate effectively with developers by sharing designs and collecting feedback in a collaborative environment.

User Interface (UI) Elements

Knowledgeable in designing common UI elements such as buttons, forms, navigation bars, and icons for web applications. Experience in applying UI design principles such as consistency, hierarchy, and feedback to create visually appealing and functional user interfaces. Skilled in utilizing design tools like Figma and Sketch to create reusable UI components and maintain design consistency across projects.

Experience

Timeline
| Journey

Computing, IT and Design

(2:1) Open University
2019 - 2023

Retail Management

Various Companies
2009 - Current

Media Production

(N:C) Adam Smith College
2008 - 2009

National Qualifications

UK
2002 - 2007

Services

The future

In my pursuit of employment, I am committed to continuous learning and growth across various domains. I welcome the chance to engage in short-term projects as opportunities for collaboration and skill advancement, enriching both my capabilities and portfolio.

Frontend
Developer

View More

Frontend
Developer

  • SCSS | CSS styling for any website

  • JavaScript Implementation

  • Implement best accessibility & Semantic HTML

Backend
Developer

View More

Backend
Developer

  • Programming in Python, Java

  • Database administration

  • Implement best practise security

Below is a combination of off-site (Github) and on site project work to view and sample.

Protfolio

Small Sample work from GitHub
News Page website preview

News Page

Example of a news article website, using HTML, CSS and Javascript.

Demo
3 Column Preview Card Component Main website preview

3 Column Preview Card Component Main

Product Preview site with CSS and HTML5

Demo
Advice Generator App Main website preview

Advice Generator App Main

Advice generator app solution with JavaScript, Fetch API, SCSS and HTML5

Demo
Arma Gsheet Mission Manager website preview

Arma Gsheet Mission Manager

Monitor multiple directories and handles/manages a google spreadsheet with missions based on file names

Demo
Interactive Card Details Form Main website preview

Interactive Card Details Form Main

Card details with interactive inputs, made with JavaScript, SCSS and HTML5

Demo
Interactive Rating Component Main website preview

Interactive Rating Component Main

Rating component, with interactive inputs, made with SCSS, JavaScript and HTML5

Demo
Intro Section With Dropdown Navigation Main website preview

Intro Section With Dropdown Navigation Main

Frontend Mentor intro section with dropdown navigation solution

Demo
Launch Countdown Timer React website preview

Launch Countdown Timer React

React launch countdown app, with optional user input to change date

Demo
Nft Preview Card Component Main website preview

Nft Preview Card Component Main

Static NFT page example with SCSS and HTML5

Demo
Order Summary Component Main website preview

Order Summary Component Main

Product order summery element with SCSS and HTML5

Demo
Product Preview Card Frontend Mentor website preview

Product Preview Card Frontend Mentor

Frontend Mentor product preview card solution

Demo
React Tic Tac Toe App website preview

React Tic Tac Toe App

React's starter Tic-Tac-Toe app through guide.

Demo
Space Tourism Website Main website preview

Space Tourism Website Main

Static multi-page space tourism website with use of JavaScript, SCSS and HTML5

Demo
Stats Preview Card Component Main website preview

Stats Preview Card Component Main

Frontend Mentor stats preview card component solution

Demo
Time Tracking Dashboard Main website preview

Time Tracking Dashboard Main

Frontend Mentor time tracking dashboard solution

Demo
Ecommerce Product Page website preview

Ecommerce Product Page

Example of a simple ecommerce product page, using HTML, CSS and Javascript.

Demo

Want to leave a message?

Feel free to drop a message and I'll get back to you as soon as possible

Contact Me
A person with light bulb above head

Contact Me

Get in touch

Email

michaelrmdev@gmail.com