https://github.com/alok-mishra143/ochi
Ochi the eye catching website
https://github.com/alok-mishra143/ochi
javascript ochi reactjs
Last synced: 4 months ago
JSON representation
Ochi the eye catching website
- Host: GitHub
- URL: https://github.com/alok-mishra143/ochi
- Owner: alok-mishra143
- Created: 2024-02-08T15:24:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-13T18:19:44.000Z (over 1 year ago)
- Last Synced: 2025-03-03T08:25:51.678Z (8 months ago)
- Topics: javascript, ochi, reactjs
- Language: JavaScript
- Homepage: https://ochi-alpha.vercel.app
- Size: 63.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
open in desktop for mobile not optimize
# Ochi - Scroll Animation Showcase
Ochi is a captivating webpage designed to showcase scroll animations using the powerful combination of GSAP, Locomotive Scroll, and React JS. With smooth and visually stunning animations, Ochi aims to demonstrate the seamless integration of these libraries to create an immersive user experience.
## Table of Contents
- [Getting Started](#getting-started)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
## Getting Started
Clone the repository using the following command:
```bash
git clone https://github.com/alok-mishra143/Ochi.git
```
Navigate to the project directory:
```bash
cd Ochi
```
Install the dependencies:
```bash
npm install
```
## Features
- **GSAP Animations:** Leverage the power of GSAP (GreenSock Animation Platform) for smooth and sophisticated animations.
- **Locomotive Scroll:** Implement Locomotive Scroll for a customizable and lightweight scroll animation experience.
- **React JS Integration:** Showcase how these animation libraries seamlessly integrate with React JS to create a dynamic webpage.
- **Responsive Design:** Ensure a consistent and delightful experience across various devices and screen sizes.
## Technologies Used
- [React JS](https://reactjs.org/)
- [GSAP (GreenSock Animation Platform)](https://greensock.com/)
- [Locomotive Scroll](https://locomotivemtl.github.io/locomotive-scroll/)
## Installation
1. Clone the repository:
```bash
git clone https://github.com/alok-mishra143/Ochi.git
```
2. Navigate to the project directory:
```bash
cd Ochi
```
3. Install dependencies:
```bash
npm install
```
## Usage
1. Start the development server:
```bash
npm start
```
2. Open your browser and visit `http://localhost:3000` to view the Ochi Scroll Animation Showcase.