Skip to content

OleanjiKingCode/react-scroll-tuts

Repository files navigation

A React Scroll and React-intersection-observer example

A react scroll and intersection observer site built with Next.js.

Website in production environment

expalnation

Tech Stack

  • Next.js : A widely-used framework for building React applications
  • Tailwind Css: A utility-first CSS framework
  • React-scroll: A React component for animating vertical scrolling
  • React Intersection Observer: A React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

Getting Started

  • Install all dependencies:
yarn
# or 
yarn install
  • Run the development server:
yarn dev

Open http://localhost:3000 with your browser to see the result.

  • Build the app:
yarn build

Deploy on Vercel

The deployed app link: https://react-scroll-tuts.vercel.app/

About me