https://github.com/aminuaminaldo/rrgraph-clone
This project was assigned as a task during the interview process.
https://github.com/aminuaminaldo/rrgraph-clone
animation-css react-hooks reactjs tailwind web-development
Last synced: 4 months ago
JSON representation
This project was assigned as a task during the interview process.
- Host: GitHub
- URL: https://github.com/aminuaminaldo/rrgraph-clone
- Owner: aminuaminaldo
- Created: 2024-11-11T16:53:46.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-16T15:37:49.000Z (8 months ago)
- Last Synced: 2025-02-02T13:32:54.470Z (5 months ago)
- Topics: animation-css, react-hooks, reactjs, tailwind, web-development
- Language: JavaScript
- Homepage: https://www.rrgraphdesign.com/
- Size: 67.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh## Components Overview
### 1. **Header Component**
Displays a responsive header with a logo and navigation links.

---
### 2. **LandPage Component**
Displays the landing page for the project.

---
### 3. **Partners Component**
Displays a grid of partner logos.

---
### 4. **Services Component**
Displays a grid of services.
---
### 5. **Achievements Component**
Displays a grid of achievements.
---
### 6. **Advantage Component**
Displays a grid of advantages.
---
### 7. **Footer Component**
Displays a responsive footer with copyright information.
## 
---
## Project Walkthrough
[](./src/assets/rrdesign-scree-record.mov)
Click the link to view the short video walkthrough showing all components in action.
---
### Running the Code
Follow these steps to set up and run the project locally:
#### Step-by-Step Instructions
1. **Prerequisites**: Node.js (v14 or higher), npm (v6 or higher)
2. **Clone the Repository**: `git clone https://github.com/aminuaminaldo/rrgraph-clone.git`
3. **Install Dependencies**: `npm install`
4. **Run the Code**: `npm start`
5. **Verify the Output**: Open your web browser and navigate to `http://localhost:3000`. You should see the project's homepage.