README.md

Frontent mentor

this is a site that holds all of my Frontend Mentor projects. If you want to see a README.md file for a specific project you can find it in the src/assets/{'project name'} folder.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Challenges:

Newbie:

• NFT Preview Card
• QR Code Component
• Profile Card Component
• Product Preview Card Component
• Ping Single Column Coming Soon Page
• Order Summary Component
• Single Price Grid
• Interactive Rating Component
• Meet Landing Page

Junior:

• Advice Generator
• News Homepage
• Coding Bootcamp Testimonials

Build with:

• VUE.js - Javascript framework - used because I really like working with it and enjoy the workflow
• Tailwindcss - CSS framework - used because I like working with it and it enables me to style components quickly, meaning I can use my time for other things that I find more important (like testing).
• Alpine Intersect Plugin- used for animation
• Jest
• Vue test utils
• Vue testing library
• DOM testing library
• User event testing library
• Jest dom testing library

Picture sources:

• github and linkedin icons
• hamburger icon