Skip to content

pokemon universe - final deploy#34

Open
ElisonMichell wants to merge 104 commits intoormacarbon:mainfrom
ElisonMichell:pokedex-develop-branch
Open

pokemon universe - final deploy#34
ElisonMichell wants to merge 104 commits intoormacarbon:mainfrom
ElisonMichell:pokedex-develop-branch

Conversation

@ElisonMichell
Copy link
Copy Markdown

@ElisonMichell ElisonMichell commented Jan 16, 2023

file cover - 1

📚 About

📌 Project developed for the technical test of Orma Carbon.

Pokémon Universe is a pokedex made for listing pokémons using the PokéAPI to capture information about pokémons.

🌦 Orma Carbon

  • At Orma Carbon, innovative solutions are created for climate action, emissions compensation and access to the carbon market.
  • Our solutions range from accessing our projects and credits, to portfolio creation and ESG instruments for purpose-built companies and investors.
  • Real-time emissions calculation and offsetting within service and e-commerce platforms – affordable and convenient for users, at no cost to platforms.

Check out more about Orma Carbon's services here!

📦 Features

  • Animated video as banner
  • Navigation menu
  • Pokémon search bar
  • Theme switching by context API
  • Listing with detailed information of each pokémon released
  • Interactive status chart
  • Fully responsive and mobile friendly website

🛠 Tech Stack

  • HTML5
  • CSS3
  • Javascript
  • NextJS
  • Styled Components
  • Axios
  • REST api
  • Context api
  • Phosphor icons

🎨 Gallery

localhost_3000_overview (15)
localhost_3000_overview (3)
localhost_3000_overview (6)
localhost_3000_overview (13)
localhost_3000_overview (2)
localhost_3000_overview (7)

🚀 Getting Started

These instructions will get you a copy of the full project up and running on your local machine for development and testing purposes.

The project can be built with npm or yarn, so choose one of the approach bellow in case you don't have any installed on your system.

⚙️ Setting up

# Clone this repository
$ git clone https://github.com/pokemon-universe.git

# Go into the repository
$ cd pokemon-universe

# Switch branch
$ git checkout pokedex-develop-branch

# Install dependencies
$ npm install

# start the application
$ npm run dev

# Now you have a copy of the project to modify and test in your editor.

📝 License

This project is under the MIT license. See the LICENSE for more information.

Made with ♥ by Elison Michell 👋 Get in touch!

- card, expanded card, header, input, navbar, smallcard, video banner and
  pages uses new route context for app navigation
- input loads pokemon page with element value
- wrap application with router provider
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant