Apex_Legends_Clone

KO | EN

gitlite — search

#javascript #ruby #python #php #java #library #erlang #dotfiles #hacktoberfest #puppet #c-sharp #bower

Apex_Legends_Clone

★ 2 Open GitHub ↗

Creating a clone of EA Apex Legends website using ReactJS & Typescript

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Apex Legends Website Clone

[![Netlify Status](https://api.netlify.com/api/v1/badges/3e9330b7-90e8-43d0-931d-6331619ecc2b/deploy-status)](https://apex-legends-clone.netlify.app/)

Welcome to the Apex Legends Website Clone project! This project is a replica of the official Apex Legends website, built using React and Tailwind CSS.

## Table of Contents

- [Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
- [Technologies Used](#technologies-used)
- [Features](#features)
- [Usage](#usage)
- [Data Sources](#data-sources)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
- [Contact Information](#contact-information)
- [Future Enhancements](#future-enhancements)

- [References](#references)

## Getting Started

### Prerequisites

Before you begin, ensure you have met the following requirements:

- Node.js and npm installed on your system.

### Installation

1. Clone the repository:

```bash
   git clone https://github.com/Shanky1001/Apex_Legends_Clone.git
   cd apex-legends-clone
   ```

2. Install dependencies:

```bash
   npm install
   ```

3. Start the development server:

```bash
   npm run dev
   ```

## Technologies Used

- React
- Tailwind CSS
- React Router
- Webpack

## Features

- Home Page: A welcoming page introducing Apex Legends.
- Legends Page: Information about the legends in the game.
- Weapons Page: Details about the weapons used in Apex Legends.

## Usage

- Navigate to different pages using the header navigation links.
- Explore the legends and weapons sections for more details.
- Customize and expand the project as needed.

## Data Sources

- Legends and weapons data can be fetched from an API or added manually within components.

## Contributing

Contributions are welcome! Please follow these guidelines when contributing to the project.

1. Fork the repository.
2. Create a new branch.
3. Make your changes.
4. Test your changes thoroughly.
5. Create a pull request with a clear description of your changes.

## Acknowledgments

- Inspiration: [Apex Legends Official Website](https://www.ea.com/games/apex-legends)

## Contact Information

For questions or feedback, please contact [Shashank Rai](mailto:shashank.rai2808@gmail.com).

## Future Enhancements

- Looking to add more pages.
- Planning to add backend to provide data that has been collected.

<!-- ## Contributors

- List project contributors here. -->

## References

- [Apex Legends Official Website](https://www.ea.com/games/apex-legends)
- [Tailwind CSS Document](https://tailwindcss.com/docs/installation)
- [Webpack Document](https://webpack.js.org/)
---

Apex_Legends_Clone

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README