kimani56 / codechallenge2-react Goto Github PK

Bot Battlr Bot Battlr is a React application that displays a list of bots, among other features.

LEARNING GOALS

Implement a mini web app to practice on React: Building React components Handling and passing props between components Managing state using React hooks Handling events in React Components, Props, State, Events and data fetching

TECHNOLOGIES USED The following have been used on this project: HTML CSS JavaScript/React

Features The Bot Battlr application comes with the following features:

Display a list of bots from an API. Enlist a bot to add it to your bot army. Release a bot from your bot army. Discharge a bot forever (delete) from the backend and your bot army. Sort bots in the list by health, damage, or armor. Filter bots by their class (Support, Medic, Assault, Defender, Captain, Witch).

Setup To run the Bot Battlr application on your local machine, follow these steps:

Clone the repository: git clone https://github.com/kimani56/CODECHALLENGE2-REACT.git

Navigate to the project directory: cd bot-battlr

Install the dependencies: npm install

Start the development server: npm start

HOW TO USE On the homepage, you will see a list of bots available for enlistment. Click the "Enlist" button on any bot card to add it to your bot army. You can enlist a bot only once. Once enlisted, the bot will appear in the "Your Bot Army" section. Click the "Release" button on any bot card in your bot army to remove it from your army. Click the "x" button on any bot card in your bot army to discharge (delete) it forever from both your army and the backend. Use the "Sort By" dropdown to sort the bots in the list by health, damage, or armor. Use the checkboxes in the "Filter By Class" section to filter the bots by their class. You can select multiple classes at once.

Credits The Bot Battlr application was created as a practice project by Gift Kimani. It uses React for the frontend and Axios to fetch data from the backend API.

Contributing If you'd like to contribute to the project or report issues, feel free to submit a pull request or open an issue on the GitHub repository.

License The project is distributed under the MIT License.

Contact [email protected]

author Gift Kimani