This project is a frontend implementation of the Rejouice landing page. The goal was to replicate the high-end aesthetic and interactive feel of the original site while keeping the codebase accessible and modular. It features custom cursor interactions, smooth scroll integration, and intricate masking effects.
- HTML5 & CSS3: For structural layout and styling.
- JavaScript (ES6+): Handling the core interactivity and logic.
- GSAP (GreenSock Animation Platform): Powering the motion design, specifically utilizing
ScrollTriggerfor scroll-driven animations. - Locomotive Scroll: To achieve smooth, cinematic scrolling momentum and parallax effects.
- Custom Motion Orchestration: Detailed timelines for entrance animations and scroll-based triggers.
- Dynamic Typography: Implementation of fluid text scaling and SVG masking.
- Interactive Elements: Custom cursor behaviors and hover effects that react to user input.
- Lightweight Setup: Built using CDNs for a streamlined development process without heavy dependency management.
This project is designed for simplicity and does not require a package manager.
- Clone the repository:
git clone https://github.com/your-username/rejouice-clone.git
- Open the project: Open the folder in Visual Studio Code.
- Run the Preview: Click the "Go Live" button in the bottom-right corner of the status bar (requires the Live Server extension) to view the project in your browser.
Ayeza Bashir
- Portfolio: ayeza-bashir-portfolio.vercel.app
- LinkedIn: in/ayezabashir
- Email: ayezabashir46@gmail.com
Made with ❤️ by Ayeza Bashir