Apex_Legends_Clone
所属分类:构建工具
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2023-10-05 08:18:40
上 传 者:
sh-1993
说明: 使用ReactJS和Typescript创建EA Apex Legends网站的克隆,
(Creating a clone of EA Apex Legends website using ReactJS & Typescript,)
文件列表:
.babelrc (368, 2023-10-05)
CONTRIBUTING.md (1929, 2023-10-05)
netlify.toml (53, 2023-10-05)
package-lock.json (375078, 2023-10-05)
package.json (1615, 2023-10-05)
postcss.config.js (92, 2023-10-05)
public/ (0, 2023-10-05)
public/index.html (763, 2023-10-05)
src/ (0, 2023-10-05)
src/App.tsx (907, 2023-10-05)
src/LayoutWrapper.tsx (275, 2023-10-05)
src/assets/ (0, 2023-10-05)
src/assets/SVGImages.tsx (4183, 2023-10-05)
src/assets/images/ (0, 2023-10-05)
src/assets/images/EA_Purple.png (38006, 2023-10-05)
src/assets/images/EA_TopNav.png (89096, 2023-10-05)
src/assets/images/EaLogo.png (20125, 2023-10-05)
src/assets/images/apex-footer-logo.png (2895, 2023-10-05)
src/assets/images/apex-global-series-logo.png (6042, 2023-10-05)
src/assets/images/apex-mobile-logo.png (7374, 2023-10-05)
src/assets/images/battle-royal-bg.jpg (1628104, 2023-10-05)
src/assets/images/brokenMoon1.jpg (798293, 2023-10-05)
src/assets/images/brokenMoon2.jpg (536225, 2023-10-05)
src/assets/images/death-reborn-770.jpg (72764, 2023-10-05)
src/assets/images/death-reborn.jpg (134136, 2023-10-05)
src/assets/images/footer.jpg (257385, 2023-10-05)
src/assets/images/gun_battle_royal.png (13765, 2023-10-05)
src/assets/images/head_battle_royal.png (16809, 2023-10-05)
src/assets/images/hero-logo.png (6913, 2023-10-05)
src/assets/images/kingsCanyon1.jpg (934639, 2023-10-05)
src/assets/images/kingsCanyon2.jpg (314899, 2023-10-05)
src/assets/images/latest-news-bg.jpg (167185, 2023-10-05)
src/assets/images/news-1.png (798890, 2023-10-05)
src/assets/images/news-2.png (893749, 2023-10-05)
src/assets/images/news-3.jpg (72224, 2023-10-05)
src/assets/images/olympus1.jpg (312790, 2023-10-05)
src/assets/images/olympus2.jpg (89289, 2023-10-05)
src/assets/images/platforms-logos.png (4889, 2023-10-05)
... ...
# 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.
## 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/)
---
近期下载者:
相关文件:
收藏者: