An open API service indexing awesome lists of open source software.

https://github.com/ifeelgarv/ochi-design

Ochi Design ~ A Website which builds agency
https://github.com/ifeelgarv/ochi-design

framer-motion gsap reactjs taiwlindcss

Last synced: 10 days ago
JSON representation

Ochi Design ~ A Website which builds agency

Awesome Lists containing this project

README

          

# Ochi.Design Website

Welcome to the **Ochi.Design** website repository! This project showcases a creative and modern design portfolio website.

## 🚀 Features
- **Modern UI/UX**: Sleek and minimalistic design.
- **Responsive Design**: Fully optimized for desktop, tablet, and mobile.
- **Smooth Animations**: Uses GSAP and Locomotive Scroll for fluid transitions.
- **Fast Performance**: Optimized for quick loading and smooth interactions.
- **SEO-Friendly**: Implemented best SEO practices.

## 🛠 Tech Stack
- **Frontend**: HTML, CSS, JavaScript
- **Animations**: GSAP, Locomotive Scroll
- **Build Tools**: Vite / Webpack

## 📂 Folder Structure
```
📦 ochi-design
├── 📁 public # Static assets
├── 📁 src
│ ├── 📁 styles # CSS files
│ ├── 📁 scripts # JavaScript files
│ ├── 📁 components # Reusable UI components
│ ├── index.html # Main HTML file
│ ├── main.js # Entry JS file

├── 📄 package.json # Dependencies and scripts
├── 📄 README.md # Project documentation
└── 📄 .gitignore # Git ignore file
```

## 🚀 Getting Started

### Prerequisites
Ensure you have **Node.js** installed.

### Installation
```bash
git clone https://github.com/GSingh2432002/ochi-design.git
cd ochi-design
npm install
```

### Running the Project
```bash
npm run dev
```
Then, open `http://localhost:3000` in your browser.

### Build for Production
```bash
npm run build
```