Pokedex

screenshot of Pokedex
nextjs
react
styled-components

Desafio front-end: pokedex feito com Nextjs e styled-components.

Overview

Pokedéx is an exciting front-end challenge developed by Brisalabs that showcases essential skills in componentization, state management, external API requests, and more. This project stands out as a comprehensive tool for Pokémon enthusiasts, allowing them to engage with a user-friendly interface while exploring their favorite characters from the beloved franchise.

With its sleek design and intuitive functionalities, Pokedéx offers a compelling experience to both casual users and developers alike. Whether you're looking to search for Pokémon by name or category, or simply want to keep track of your favorites, this platform is designed to enhance your interaction with the Pokémon universe.

Features

  • Login Screen: A demonstrative initial login interface providing a seamless entry point.
  • Pokémon Listing: Access a curated list of up to 20 Pokémon, ensuring a focused browsing experience.
  • Search Filters: Easily filter Pokémon by category and name, making searches efficient and user-friendly.
  • Detailed View: Dive deep into individual Pokémon profiles for comprehensive information.
  • Favoriting System: Users can favorite their beloved Pokémon, which can be conveniently accessed later in the favorites page.
  • Dark Mode: A modern dark theme option, perfect for comfortable browsing in low-light conditions.
  • Technology Stack: Built using React and TypeScript, utilizing effective styling with styled-components for a polished appearance.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

vercel
Vercel

Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.