Oldpokedex

<!-- *** Thanks for checking out this README Template. If you have a suggestion that would *** make this better, please fork the repo and create a pull request or simply open *** an issue with the tag "enhancement". *** Thanks again! Now go create something AMAZING! :D --> <!-- PROJECT SHIELDS --> <!-- *** I'm using markdown "reference style" links for readability. *** Reference links are enclosed in brackets [ ] instead of parentheses ( ). *** See the bottom of this document for the declaration of the reference variables *** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use. *** https://www.markdownguide.org/basic-syntax/#reference-style-links --> <!-- PROJECT LOGO --> <br /> <p align="center"> <a href="https://github.com/augustorl/old-pokedex"> <img src="images/logo.png" alt="Logo" width="80" height="80"> </a> <h3 align="center">Ashe Ketium's Old Pokédex.</h3> <p align="center"> <a href="https://github.com/augustorl/oldpokedex/LICENSE.txt"> <img src="https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square"> </a> <a href="https://linkedin.com/in/augustorl"> <img src="https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555"> </a> <p align="center"> <a href="https://oldpokedex.netlify.app/">View Demo</a> · <a href="https://github.com/augustorl/oldpokedex/issues">Report Bug</a> · <a href="https://github.com/augustorl/oldpokedex/issues">Request Feature</a> </p> </p>

<!-- TABLE OF CONTENTS -->

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Contributing
• License
• Contact
• Acknowledgements

<!-- ABOUT THE PROJECT -->

About The Project

I always loved and enjoyed everything about Pokemon, especially the Gameboy saga. So when I was looking for a project to learn a bit more about using Typescript with React, I remembered how I always loved playing those games. That's when I decided to make my own version of Pokedex!

Please feel free to check the live demo or see further information to run it locally.

Live Demo

Features:

• Search Pokemons
• Input validations.
• Tooltip error.
• Toasts.

Built Using

• ReactJS
• Typescript
• PokéAPI

A list of other aditional resources that I used while building this application are listed in the acknowledgements.

<!-- GETTING STARTED -->

Running Locally

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• Choose npm or yarn.

npm:

npm install npm@latest -g

yarn: Go to Yarn website and select the correct guide for your operation system.

Project Installation

1. Clone this repository.

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

2. Install NPM packages.

npm install or yarn

3. Run the App.

npm run or yarn start

<!-- CONTRIBUTING -->

Contributing

Please feel free to contribute to my Pokedex! Any contributions you will be greatly appreciated.

To do so:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

<!-- LICENSE -->

License

Distributed under the MIT License. See LICENSE for more information.

<!-- CONTACT -->

Contact

Augusto Leite - Portfolio - augustorldev@gmail.com

Project Link: https://github.com/augustorl/oldpokedex

<!-- ACKNOWLEDGEMENTS -->

Acknowledgements

Libraries used:

• Axios
• Yup
• Styled Components
• Unform

<!-- MARKDOWN LINKS & IMAGES --> <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->