Skip to content

devAbdulsalam/harryporter

 
 

Repository files navigation

Harry Potter Characters API with React, Chakra UI, TypeScript, and Axios

Welcome to the repository for a web application built with React, Chakra UI, TypeScript, and Axios to fetch a list of characters from the Harry Potter API. This project is beginner-friendly and we encourage you to make modifications and contribute through pull requests.

Table of Contents

  • Getting Started
  • Technologies Used
  • Installation
  • Usage
  • Contributing
  • License

Getting Started

This project was bootstrapped using yarn create vite my-app --template @chakra-ui/typescript with the Chakra UI TypeScript template.

Technologies Used

  1. Chakra UI
  2. React
  3. Axios

Installation

To install the necessary dependencies for this project,fork the project to make a copy on your own github account. You can click here then navigate to the root directory and run the following command:

git clone <the url to the repo goes here take the one you use either https/ssh>

Usage

To start the application, cd into the project directory and run: yarn

to install the dependancies

start the project using yarn dev or yarn run dev either will work

open your browser and open http://localhost:5173

!!! Done The application fetches a list of Harry Potter characters from an API using Axios, a promise-based HTTP client. The received data is then displayed using components from Chakra UI, a simple, modular, and accessible component library for React applications.

Contributing

We encourage beginners to contribute to this project. You can make modifications to the code and create pull requests. We also encourage you to create new issues if you encounter any problems or have suggestions for improvements. Here is the License

About

simple react app using harry porter api

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 90.5%
  • Dockerfile 4.9%
  • JavaScript 2.4%
  • HTML 2.0%
  • CSS 0.2%