https://github.com/dev-shetty/razer-clone

A clone of https://razer.com
https://github.com/dev-shetty/razer-clone

context-api javascript razer react tailwindcss typescript vite

Last synced: 2 months ago
JSON representation

A clone of https://razer.com

• Host: GitHub
• URL: https://github.com/dev-shetty/razer-clone
• Owner: dev-shetty
• Created: 2023-01-16T00:12:02.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-04T16:43:27.000Z (over 3 years ago)
• Last Synced: 2025-03-09T02:40:32.466Z (over 1 year ago)
• Topics: context-api, javascript, razer, react, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://razer-clone-iota.vercel.app
• Size: 3.14 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Razer Clone

This is a frontend website clone of the popular gaming brand Razer! built using React, Vite, TailwindCSS and TypeScript.The website is 100% responsive, ensuring an optimal user experience on any device. Also I utilized the Context API for state management.x1

It is hosted using Vercel at [Razer Clone](https://razer-clone-iota.vercel.app)

## Features

- React: A popular JavaScript library for building user interfaces

- Vite: A fast and efficient build tool for modern web development

- TailwindCSS: A utility-first CSS framework for rapidly building custom designs

- TypeScript: A statically typed, object-oriented programming language that builds on JavaScript

- Vercel: A cloud platform for hosting static sites and serverless functions

## Prerequisites

- Node.js and npm installed on your machine

## Getting Started

1. Fork and Clone the repository to your local machine

```bash

git clone https://github.com//.git

```

Install the dependencies

```bash

cd frontend/

npm install

```

Start the development server

```

npm run dev

```

Open your browser and navigate to http://localhost:5173

## Deployment

The website is hosted on Vercel. Simply push your changes to the repository and Vercel will automatically build and deploy your site.

## Built With

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

## Contributing

Contributions are welcome! Please fork the repository and open a pull request to add features or fix bugs.

## Connect With Me

[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Deveesh-Shetty)

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/deveesh-shetty-908539214/)

[![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=for-the-badge&logo=Twitter&logoColor=white)](https://twitter.com/shettydeveesh)

[![Dev.to blog](https://img.shields.io/badge/dev.to-0A0A0A?style=for-the-badge&logo=dev.to&logoColor=white)](https://dev.to/deveeshshetty1209)

[![Hashnode](https://img.shields.io/badge/Hashnode-2962FF?style=for-the-badge&logo=hashnode&logoColor=white)](https://hashnode.com/@deveeshshetty)