https://github.com/ravi181919/01_refokus
A Modern Web Design & Animation Clone of Refokus work part.
https://github.com/ravi181919/01_refokus
animation design es6 eslint framer-motion javascript locomotive-scroll reactjs refokus refokus-clone refokus-home refokus-work tailwindcss vite webdevelopment
Last synced: about 2 months ago
JSON representation
A Modern Web Design & Animation Clone of Refokus work part.
- Host: GitHub
- URL: https://github.com/ravi181919/01_refokus
- Owner: ravi181919
- Created: 2024-08-05T11:05:32.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-28T12:50:06.000Z (9 months ago)
- Last Synced: 2025-01-25T10:27:59.543Z (4 months ago)
- Topics: animation, design, es6, eslint, framer-motion, javascript, locomotive-scroll, reactjs, refokus, refokus-clone, refokus-home, refokus-work, tailwindcss, vite, webdevelopment
- Language: JavaScript
- Homepage: https://ravi181919.github.io/01_refokus
- Size: 60.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 01_refokus
01_refokus is a React application that clones the design and animation-rich Refokus website. This project uses modern web technologies and libraries to create a visually appealing and smooth user experience.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Scripts](#scripts)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Modern Design:** Replicates the sleek and modern design of the Refokus website.
- **Smooth Animations:** Uses Framer Motion for creating smooth and interactive animations.
- **Smooth Scrolling:** Utilizes Locomotive Scroll for a refined scrolling experience.
- **Responsive Layout:** Ensures the app looks great on all devices.
- **Modular Code:** Organized codebase for easy maintenance and scalability.
## Technologies Used
- **React:** ^18.3.1
- **Framer Motion:** ^11.3.21
- **Locomotive Scroll:** ^5.0.0-beta.13
- **React Icons:** ^5.2.1
- **TailwindCSS:** ^3.4.7
- **Vite:** ^5.3.4 for bundling and development server
- **ESLint:** ^8.57.0 for code linting
- **PostCSS:** ^8.4.40 for CSS processing
## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
- **Node.js:** Ensure you have Node.js installed on your machine.
- **npm:** npm comes with Node.js. Ensure you have it installed as well.
### Installation
1. Clone the repository:
```sh
git clone https://github.com/ravi181919/01_refokus.git