reshaditiya / pokedex-datasintesa

A pokedex web app for Datasintesa frontend technical test.

Datasintesa Frontend Technical Test Submission

Pokedex Web Application

This repository contains the source code for the Pokedex web application, which is intended as a submission for the Datasintesa Frontend Technical Test. The Pokedex web application is designed to provide users with an interactive and user-friendly interface for exploring information about Pokemon.

Features

The Pokedex web application comes with several features to enhance the user experience:

1. Infinite Scrolling: Users can effortlessly browse through a vast collection of Pokemon as they continuously load when scrolling down the page.

2. Pokemon Filtering by Type: Users can filter Pokemon by their types, making it easier to find specific types of Pokemon.

3. Pokemon Data Details: Detailed information about each Pokemon is available, including their abilities, characteristics, and more.

4. Favorite Pokemon: Users can mark their favorite Pokemon, allowing them to quickly access them later.

Technologies Used

The Pokedex web application has been built using the following technologies and libraries:

• Next.js: A popular React framework for server-rendered React applications.
• Tailwind CSS: A utility-first CSS framework for building responsive and customizable user interfaces.
• React.js: A JavaScript library for building user interfaces.
• Shadcn UI: A UI component library.
• React Query or Tanstack Query: Used for data fetching and caching.
• TypeScript: A statically typed superset of JavaScript for enhanced code quality.

Demo

You can explore the live demo of the Pokedex web application by visiting the following URL:

Pokedex Web Demo

Getting Started

To run this project locally, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/reshaditiya/pokedex-datasintesa.git
   

2. Change your working directory to the project folder:

   cd pokedex-datasintesa

3. Install the required dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:3000 to view the application locally.

Contributing

If you'd like to contribute to this project, please follow these guidelines:

1. Fork this repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes with clear and concise messages.
4. Push your changes to your forked repository.
5. Create a pull request to the original repository, detailing your changes and any additional context.

Feedback and Support

If you have any questions, encounter issues, or want to provide feedback, please don't hesitate to open an issue.

Thank you for considering this submission for the Datasintesa Frontend Technical Test. We hope you enjoy exploring the world of Pokemon with my Pokedex web application!