Crowdfunding Product Page - Frontend Mentor

I built this crowdfunding product page following the Frontend Mentor design and styling guidances.

The challenge

The challenge is to build this crowdfunding product page and get it looking as close to the design as possible.

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements
• Make a selection of which pledge to make
• See an updated progress bar and total money raised based on their pledge total after confirming a pledge
• See the number of total backers increment by one after confirming a pledge
• Toggle whether or not the product is bookmarked

Technologies

React v16.13.1

Setup

Clone this repo git clone https://github.com/lauracarballo/crowdfunding-product-page-fem to your desktop and run npm install to install all the dependencies.

To run the project

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.