Practice Projects

These are completed projects done to practice using HTML, CSS & Javascript. They come from different services, and most are freely available for anyone to practice with.

 

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

 

Robert McGovern

Frontend Mentor

Frontend Mentor

Collection of challenges I completed for Frontend Mentor

Newbie Challenges

Ping Coming-Soon Challenge from FrontendMentor

Ping Coming-Soon

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
  • JavaScript
Single Price Grid Component Challenge from FrontendMentor

Single Price Grid Component

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Four Card Feature Section Challenge from FrontendMentor

Four Card Feature Section

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Article Preview Component Challenge from FrontendMentor

Article Preview Component

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Stats Preview Card Component Challenge from FrontendMentor

Stats Preview Card Component

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Profile Card Component Challenge from FrontendMentor

Profile Card Component

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3

Freecodecamp

Freecodecamp

Responsive Web Design Projects

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

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Project 2 - Build A Survey Form

Project 2 - Build A Survey Form

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3
Project 3 - Product Landing Page

Project 3 - Product Landing Page

Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • HTML5
  • CSS3

The Complete 2022 Web Development Bootcamp

The Complete 2022 Web Development Bootcamp Udemy Course

coming soon

Vanilla JS Projects

coming soon

Playground

Intended for just little snippets of code that look useful

The Playground