Practice Projects

These are completed projects done to practice using HTML, CSS & Javascript. They come from different sources, and most are freely available for anyone to practice with. Where not, I'll indicate if it is from a premium source.

I've put them all into a single GIT repository rather than litter my git service with many different projects. This may change in future depending on how many of these that I do.

Robert McGovern

Frontend Mentor

Frontend Mentor Logo

Collection of challenges I completed for Frontend Mentor

Junior Challenges

Advice Generator App

Advice Generator App

  • HTML5
  • CSS3
  • JavaScript

Newbie Challenges

skilled eLearning Landing Page Challenge from FrontendMentor

skilled eLearning Landing Page

  • HTML5
  • CSS3
Interactive Rating Component Challenge from FrontendMentor

Interactive Rating Challenge

  • HTML5
  • CSS3
  • JavaScript
meet Landing Page Challenge from FrontendMentor

meet Landing Page

  • HTML5
  • CSS3
Base Apparel Coming Soon page Challenge from FrontendMentor

BASE Apparel Coming Soon Page

  • HTML5
  • CSS3
  • JavaScript
NFT preview card component Challenge from FrontendMentor

NFT preview card component

  • HTML5
  • CSS3
equalizer Landing Page Challenge from FrontendMentor

equalizer Landing Page

  • HTML5
  • CSS3
Product Preview Card Component Challenge from FrontendMentor

Product Preview Card Component

  • HTML5
  • CSS3
  • JavaScript
QR Code Component Challenge from FrontendMentor

QR Code Component

  • HTML5
  • CSS3
Social Proof Challenge from FrontendMentor

Social Proof Section

  • HTML5
  • CSS3
Intro Component Challenge from FrontendMentor

Intro Component with Signup form

  • HTML5
  • CSS3
  • JavaScript
FAQ Accordion Card Challenge from FrontendMentor

FAQ Accordion Card

  • HTML5
  • CSS3
Pod Request Landing Page Challenge from FrontendMentor

Pod Request Access Landing Page

  • HTML5
  • CSS3
3 Column Preview Card Component Challenge from FrontendMentor

3 Column Preview Card Component

  • HTML5
  • CSS3
Order Summary Component Challenge from FrontendMentor

Order Summary Card Component

  • HTML5
  • CSS3
Profile Card Component Challenge from FrontendMentor

Profile Card Component

  • HTML5
  • CSS3
Stats Preview Card Component Challenge from FrontendMentor

Stats Preview Card Component

  • HTML5
  • CSS3
Article Preview Component Challenge from FrontendMentor

Article Preview Component

  • HTML5
  • CSS3
Four Card Feature Section Challenge from FrontendMentor

Four Card Feature Section

  • HTML5
  • CSS3
Single Price Grid Component Challenge from FrontendMentor

Single Price Grid Component

  • HTML5
  • CSS3
Ping Coming-Soon Challenge from FrontendMentor

Ping Coming-Soon

  • HTML5
  • CSS3
  • JavaScript
The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section.

The Huddle Landing Page

  • HTML5
  • CSS3
  • JavaScript

Freecodecamp

Freecodecamp Logo

Collection of challenges I completed while doing Freecodecamp

Responsive Web Design Projects Challenges

Note: As of 11 Oct 2020, these require a partial rework to look good on mobile. 1-3 where written much earlier in my learning, so while they fufill all the requirements, they don't look great on mobile.

Project 1 - Tribute Page

Project 1 - Tribute Page

  • HTML5
  • CSS3
Project 2 - Build A Survey Form

Project 2 - Build A Survey Form

  • HTML5
  • CSS3
Project 3 - Product Landing Page

Project 3 - Product Landing Page

  • HTML5
  • CSS3
Project 4 - Build A Technical Document

Project 4 - Build A Technical Document

  • HTML5
  • CSS3
Project 5 - Personal Portfolio Page

Project 5 - Personal Portfolio Page

  • HTML5
  • CSS3

The Complete 2022 Web Development Bootcamp

Udemy Logo

Coming Soon™

JavaScript Projects

JavaScript

Various JavaScript projects I've completed

Playground

A Purple Fedora

Intended for just little snippets of code that look useful

The Playground