Welcome to the OpenRockets Webclone Challenge!
Showcase your frontend skills by building a pixel-perfect clone of a famous website. The best submissions will win mysterious swag and recognition from the OpenRockets community!
- **Anyone** in the OpenRockets organization can participate. - **Clone one or more landing pages** from our website list below. - **Submit your work** as a commit to this repository. - **The best clone for each website wins a swag!**
- Pick a website from the list.
- Clone the landing page as closely as possible (HTML/CSS/JS or any stack).
- Include a screenshot of your clone in your commit or pull request.
- Commit to this repo.
- Winners get swag and recognition!
| Website | Screenshot |
|---|---|
| www.Google.com |  |
| www.StyleXjs.com |  |
| www.Wikipedia.com |  |
| www.Daraz.lk |  |
Google Clone by geek-cheth
- Clone the repository:
git clone https://github.com/geek-cheth/webclone-challenge-1.git
cd webclone-challenge-1/google-clone- Install dependencies:
npm install
# or if you use bun
bun install- Start the development server:
npm run dev
# or if you use bun
bun run dev- Open your browser and visit
http://localhost:5173to view the Google clone.
The clone is built using:
- TypeScript
- Vite
- Modern CSS
- Biome for linting and formatting
- Any frontend technology is allowed.
- Your clone should be as close as possible to the real landing page (structure, style, responsiveness).
- Creativity in your code is encouraged.
- Include a screenshot of your result for comparison.
- The most perfect clone for each website will receive a mysterious swag from OpenRockets.
- Winners will be featured and celebrated in our community.
- Comment your GitHub username here:
OpenRockets Community Discussion #1 - We'll invite you to join our community for more challenges and fun!
- Fork, clone, and contribute!
- Join our discussions for collaboration and help.
- Let's build, learn, and have fun together 🚀
CC0 1.0 Universal
-Challenge created by: Team OpenRockets