Frontend Mentor Solutions

In this repository, all the solutions that I have done for frontend mentor challenges are placed.

Table of contents

• Overview
  • Table of challenges
• My process
  • Built with
• Getting started
  • Development dependencies
  • Installing
    • Edit or development
• Author

Overview

Table of challenges

NO	Challenge Name	Solution	Repository	Live Site
01.	Product-preview-card-component	Solution	Repo	Site
02.	Order-summary-component	Solution	Repo	Site
03.	Stats-preview-card-component	Solution	Repo	Site
04.	Expenses-chart-component	Solution	Repo	Site
05.	Advice-generator-app	Solution	Repo	Site
06.	Interactive-rating-component	Solution	Repo	Site
07.	Intro-section-with-dropdown-navigation	Solution	Repo	Site
08.	QR-code-component	Solution	Repo	Site
09.	NFT-preview-card-component	Solution	Repo	Site
10.	Time-tracking-dashboard	Solution	Repo	Site
11.	Tip-calculator-app	Solution	Repo	Site
12.	Interactive-pricing-component	Solution	Repo	Site

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Mobile-first workflow
• gulp - Task runner
• Bootstrap - CSS framework

Getting Started

Development dependencies

• autoprefixer ^10.4.8
• browser-sync ^2.27.10
• cssnano ^5.1.13
• gulp ^4.0.2
• gulp-postcss ^9.0.1
• gulp-replace ^1.1.3
• postcss ^8.4.16

Installing

Edit or Development

• Install Node.js.
• Run npm install.
• Run gulp.
• Make any changes or development in the 'src' directory, Then run gulp to apply the final changes.
• You can create a localhost by running gulp bs to see the changes in momentary.

Author

• Frontend Mentor - @James-alderson
• Email - james.alderson.a@gmail.com