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.
++ 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.
++ 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
-![The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section.](./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png)
The Huddle Landing Page
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
- JavaScript -
![The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section.](./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png)
+ The Huddle Landing Page +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+ -
+
+
+
![Ping Coming-Soon Challenge from FrontendMentor](./screenshots/fem-newbie-ping-coming-soon-page.jpeg)
Ping Coming-Soon
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+ -
+
+
+
![Single Price Grid Component Challenge from FrontendMentor](./screenshots/fem-newbie-single-price-grid-component.jpeg)
+ Single Price Grid Component +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Four Card Feature Section Challenge from FrontendMentor](./screenshots/fem-newbie-four-card-feature-section.jpeg)
+ Four Card Feature Section +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Article Preview Component Challenge from FrontendMentor](./screenshots/fem-newbie-article-preview-component.jpeg)
+ Article Preview Component +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Stats Preview Card Component Challenge from FrontendMentor](./screenshots/fem-newbie-stats-preview-card-component.jpeg)
+ Stats Preview Card Component +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Profile Card Component Challenge from FrontendMentor](./screenshots/fem-newbie-profile-card-component.jpeg)
+ Profile Card Component +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Ping Coming-Soon Challenge from FrontendMentor](./screenshots/fem-newbie-ping-coming-soon-page.jpeg)
Ping Coming-Soon
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
- JavaScript -
![Single Price Grid Component Challenge from FrontendMentor](./screenshots/fem-newbie-single-price-grid-component.jpeg)
Single Price Grid Component
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
![Four Card Feature Section Challenge from FrontendMentor](./screenshots/fem-newbie-four-card-feature-section.jpeg)
Four Card Feature Section
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
![Article Preview Component Challenge from FrontendMentor](./screenshots/fem-newbie-article-preview-component.jpeg)
Article Preview Component
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
![Stats Preview Card Component Challenge from FrontendMentor](./screenshots/fem-newbie-stats-preview-card-component.jpeg)
Stats Preview Card Component
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
![Profile Card Component Challenge from FrontendMentor](./screenshots/fem-newbie-profile-card-component.jpeg)
Profile Card Component
-Lorem ipsum dolor sit amet consectetur adipisicing elit.
--
-
- HTML -
- CSS -
Frontend Mentor Challenges
-Newbie Challenges
--
-
- Huddle Landing Page with a Single Introductory Section -
- Ping Coming-Soon page -
- Single Price Grid Component page -
- Four Card Feature Section page -
- Article Preview Component -
- Stats Preview Card Component -
- Profile Card Component -
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](./screenshots/fcc-web-Project1-TributePage.jpeg)
+ Project 1 - Tribute Page +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Project 2 - Build A Survey Form](./screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg)
+ Project 2 - Build A Survey Form +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
![Project 3 - Product Landing Page](./screenshots/fcc-web-Project3-ProductLandingPage.jpeg)
+ Project 3 - Product Landing Page +
++ Lorem ipsum dolor sit amet consectetur + adipisicing elit. +
+-
+
-
+
+
+ -
+
+
+
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.
- -Complete Web Development 2020
-coming soon
-Vanilla JS Projects
-coming soon
-+ The Complete 2022 Web Development Bootcamp +
+coming soon
+Vanilla JS Projects
+coming soon
+