PokéDex is a simple Pokémon catalogue built using React, Material-UI, and the PokéAPI. It allows users to view basic details of each Pokémon, filter Pokémon based on region and type, sort Pokémon by ID or name, search for Pokémon by their name or ID, and toggle between light and dark mode. The application also includes features such as lazy loading of images, responsive design, and a scroll-to-top function.
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
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.