https://github.com/emeraldknight-sp/next-pokenext

Projeto desenvolvido com Next.js, CSS Modules e consumo de APIs.
https://github.com/emeraldknight-sp/next-pokenext

api css-modules nextjs pokeapi react

Last synced: about 2 months ago
JSON representation

Projeto desenvolvido com Next.js, CSS Modules e consumo de APIs.

• Host: GitHub
• URL: https://github.com/emeraldknight-sp/next-pokenext
• Owner: emeraldknight-sp
• License: mit
• Created: 2023-01-02T19:49:51.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-26T19:58:30.000Z (5 months ago)
• Last Synced: 2024-07-26T21:15:17.869Z (5 months ago)
• Topics: api, css-modules, nextjs, pokeapi, react
• Language: JavaScript
• Homepage: https://next-pokenext.vercel.app/
• Size: 1.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
🔴 Project: PokeNext





  





  


    This project is an introduction to Next to learn some features, configurations and how to style each part of the code using CSS Modules, in addition, we use API consumption to display data about various pokemons and also display detailed information on pages created for each specific character through the native routing that Next provides us.

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



## 🛠️ Technologies

- HTML5, CSS3, JS ES6+

- [Node e Yarn](https://nodejs.org/)

- [Next.js](https://nextjs.org/docs)

- [React](https://react.dev/)

- [React-icons](https://react-icons.github.io/react-icons/)

- [Eslint](https://eslint.org/)

- [Prettier](https://prettier.io/)

## 📣 Funcionalities

- Display of all characters on screen

- Fetch data from the API

- Custom error pages

- Individual display of characters by routing

## 💿 Installing

Install the project with the following command

```bash

  yarn install

```

## 💻 Running project

```bash

  yarn dev

```

## 🚀 Deploy

To deploy this project, execute

```bash

  vercel

```

## 🧰 Used stacks

**Front-end:** HTML5, CSS3, Javascript, CSS Modules, React, React-icons

**Back-end:** Not used

## 📸 Screenshots

![LayoutHome](.github/pokenext-home.png)

![LayoutDetails](.github/pokenext-details.png)

![LayoutAbout](.github/pokenext-about.png)

## 📝 License

This project is under [MIT license](LICENSE).