Skip to content

abdulsamadayoade/grapevine-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Grapevine

About

This project is a landing page for a skin care product, Grapevine.

Tools

Tools used for this project are:

  1. React - used for bootstrapping the project
  2. GSAP - for the animations
  3. Locomotive Scroll - for the locomotive scroll on the site
  4. imagesLoaded - to check if all the images are loaded and perform the needed action if true or otherwise
  5. ThreeJS & HoverEffectJS - to perform transition when the images are hovered.

Installation

npm install
You can clone the repo and install the dependencies by typing the above command in your command line

Start

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

The page will reload when you make changes.
You may also see any lint errors in the console.

Note

This is a react version, I also made the static HTML version too. Check it here https://github.com/abdulsamadayoade/grapevine