https://github.com/ayushivashisth/quest-labs
Quest Labs Website Replication is a frontend web development project aimed at recreating key sections of the Quest Labs website using React and Tailwind CSS. The project focuses on replicating the Hero Section, Footer, and main body content, adhering closely to the original design and layout.
https://github.com/ayushivashisth/quest-labs
aos aos-animation npm react react-icons react-router-dom react-slick slick-carousel tailwindcss
Last synced: about 2 months ago
JSON representation
Quest Labs Website Replication is a frontend web development project aimed at recreating key sections of the Quest Labs website using React and Tailwind CSS. The project focuses on replicating the Hero Section, Footer, and main body content, adhering closely to the original design and layout.
- Host: GitHub
- URL: https://github.com/ayushivashisth/quest-labs
- Owner: AyushiVashisth
- Created: 2024-06-18T12:28:20.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-19T09:05:21.000Z (almost 2 years ago)
- Last Synced: 2025-04-07T13:48:56.028Z (about 1 year ago)
- Topics: aos, aos-animation, npm, react, react-icons, react-router-dom, react-slick, slick-carousel, tailwindcss
- Language: JavaScript
- Homepage: https://quest-labs-ten.vercel.app
- Size: 938 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚀 Welcome to Quest Labs Website Replication Project 🚀
Quest Labs Website Replication is a frontend web development project aimed at recreating key sections of the Quest Labs website using React and Tailwind CSS. The project focuses on replicating the Hero Section, Footer, and main body content, adhering closely to the original design and layout.
### Frontend Deployed URL 👉 [Click here](https://quest-labs-ten.vercel.app/)
Languages and Tools
Frontend
Tools
Deployed On:
# Project Overview
- **Hero Section**: Replicating the main hero section of the Quest Labs website, focusing on design, layout, and key elements.
- **Footer**: Including essential components such as contact information, social media links, and navigation links, mirroring the original design.
- **Body Content**: Recreating as much of the main content as possible to maintain the structure and design fidelity of the Quest Labs website.
- [link](https://www.questlabs.ai/)
- [Assignment](https://docs.google.com/document/d/1Ro6NluV39jDeCLfflbbE2TzkvLlqdzXzP_o46fiMHcg/edit?usp=sharing)
# Screenshots
## Desktop
## Mobile
# Prerequisites
- Node.js
- npm
# Installation
1. Clone the repository to your local machine:
```sh
git clone https://github.com/AyushiVashisth/quest-labs-replication
```
2. Install the required dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm start
```
# Submission Details
- **GitHub Repository**: [Link to your repository](https://github.com/AyushiVashisth/quest-labs)
- **Deployed URL**: [Link to your deployed website](https://quest-labs-ten.vercel.app/)
# Timelines
You have 24 hours from the receipt of this document to complete and submit the assignment.
## Show your support
Give a ⭐️ if you like this project!
✨ Thank You ✨
---
Feel free to customize this `README.md` file further based on your specific implementation and preferences. This template provides a structured approach to presenting your project for the Quest Intern Assignment.