This repository contains the frontend implementation of the Motion Art Effect homepage replication project for HELIVERSE. The goal of this project is to replicate the design, layout, animations, and functionality of the original Motion Art Effect website to the best of our ability. This assignment was graciously provided by Heliverse as part of the application process for a Frontend Developer role.
- React JS
- Vite
- TailwindCSS
- webGL
- GSap
To get a local copy of the project up and running, follow these steps:
- Clone this repository:
git clone [repository URL] - Navigate to the project directory:
cd motion-art-effect-home-page-clone - Install dependencies:
npm install - Start the development server:
npm start
- Developed skills in replicating complex UI designs
- Gained proficiency in using React JS and Tailwindcss for UI design
- Enhanced understanding of responsive web design principles
You can view the live demo of the project here.
- Original website: Motion Art Effect
- Assets: Google Drive Link
- Fonts: Sora, Outfit
- Gradient Color: linear-gradient(90deg, #F87516 0%, #5E11FF 100%)
A heartfelt acknowledgment to Heliverse for providing this assignment opportunity! Your generosity in sharing this project has allowed us to deepen our understanding and skills in frontend development. We are grateful for the chance to work on such an engaging and challenging project, and we appreciate the opportunity to showcase our abilities. Thank you for your support and encouragement throughout this endeavor.