/macbook-pro-16

Cloning challenge of the MacBook Pro 16-inch landing page.

Primary LanguageJavaScript

MacBook Pro 16-inch (Landing Page Clone)

Cloning challenge to practice recreating Apple's MacBook Pro 16-inch landing page.

Technologies Used

  • React.js
  • ScrollMagic
  • Bootstrap 4
  • HTML5
  • CSS3
  • Webpack 4

Clone Template

MacBook Pro 16-inch

Development

System Requirements

  • Git Version Control System
  • Node.js 10 or higher
  • NPM 6 or higher

Getting Started

  1. Clone and enter the repository.

    git clone https://github.com/juliehchung/macbook-pro-16.git
cd macbook-pro-16

  2. Install all dependencies with NPM.

    npm install

  3. Directory containing assets can be obtained at the following link:

  4. Add provided assets to /public. Make sure the filepath correctly reads /server/public/assets like the image below:

    MacBook Pro 16-inch Assets

    • Note: There is an index.js file located in sequence-images, and this should NOT be left out!

  5. Start the project.

    npm run dev

  6. Once started, you can view the application by opening http://localhost:3000 in your browser.