https://github.com/oth21dev/agency_pro
Multi-page, responsive website designed and developed using React, JavaScript, HTML5, and CSS3
https://github.com/oth21dev/agency_pro
context-api css framer-motion gsap html javascript react router
Last synced: 27 days ago
JSON representation
Multi-page, responsive website designed and developed using React, JavaScript, HTML5, and CSS3
- Host: GitHub
- URL: https://github.com/oth21dev/agency_pro
- Owner: OTH21DEV
- Created: 2023-12-31T08:14:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-19T15:33:30.000Z (over 1 year ago)
- Last Synced: 2025-10-10T16:39:34.179Z (8 months ago)
- Topics: context-api, css, framer-motion, gsap, html, javascript, react, router
- Language: JavaScript
- Homepage: https://www.lavcraft.com/
- Size: 51.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Corporate Website - Frontend Development - LAVCRAFT
Welcome to the Corporate Website project! This repository contains the code for a multi-page, responsive website designed and developed using React, JavaScript, HTML5, and CSS3.
LIVE LINK : https://www.lavcraft.com/
## Project Overview
The goal of this project was to develop a visually dynamic corporate website that enhances user experience through:
- Advanced CSS techniques for creating dynamic visuals.
- A cohesive color palette with modern typography trends.
- Smooth transitions and hover effects to improve interactivity.
## Features
- **Responsive Design:** Ensures the website looks great on all devices.
- **Routing with React Router:** Seamless navigation between different pages.
- **Dynamic Interactivity:** Utilizes framer-motion for animations and GSAP for scroll-based animation.
- **Modern Visuals:** Designed using advanced CSS and BEM methodology for maintainability.
- **Global State Management (using Context API)**
## Installation
To set up the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/OTH21DEV/agency_pro
2. Navigate to the project directory:
```bash
cd agency_pro
3. Install dependencies:
```bash
npm install
6. Run the application:
```bash
npm start
5. Access the application:
```bash
Open your browser to http://localhost:3000.
## Dependencies
Here is a list of primary dependencies used in this project:
- React & React DOM: Version 18.2.0
- React Router Dom: Version 6.22.3
- Framer Motion: For animations, version 11.0.3
- GSAP: For additional animation capabilities, version 2.1.0
- BEM React Classname: Helps create BEM-style class names
- Testing Libraries: Includes Jest and Testing Library for robust testing
For a complete list of dependencies, see the package.json file.