https://github.com/aarush-narang/rivian-summer-project

parallax animation with rivian truck
https://github.com/aarush-narang/rivian-summer-project

eslint javascript nextjs vercel

Last synced: 2 days ago
JSON representation

parallax animation with rivian truck

• Host: GitHub
• URL: https://github.com/aarush-narang/rivian-summer-project
• Owner: aarush-narang
• License: gpl-3.0
• Created: 2022-07-18T20:43:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-16T03:30:47.000Z (over 1 year ago)
• Last Synced: 2024-04-15T23:11:47.592Z (7 months ago)
• Topics: eslint, javascript, nextjs, vercel
• Language: JavaScript
• Homepage: https://rivian-project.aarushnarang.com
• Size: 996 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Parallax Animation For Rivian

Created using [NextJS](https://nextjs.org/), this is an animation with the rivian truck moving across the screen using parallax.

## Installation

Node Version: 16.13.2

Packages:

- [react-scroll-parallax](https://www.npmjs.com/package/react-scroll-parallax) ([docs](https://react-scroll-parallax.damnthat.tv/docs/intro))

- [styled-components](https://www.npmjs.com/package/react-scroll-parallax) ([docs](https://styled-components.com/docs))

- [NextJS](https://nextjs.org/) ([docs](https://nextjs.org/docs))

Install Dependencies:

```sh

npm install

```

Run the local server:

```sh

npm run dev

```

Run linting:

```sh

npm run lint

```

Run Tests:

```sh

npm run test

```

## How to Use

Scroll down the page to see the truck move!