Skip to content

CodeBeginner000001/Pokemon-Slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokémon Slider Website

Screenshot 2024-06-12 at 12 46 46 AM

Table of Contents

Overview

The Pokémon Slider Website is a web application that allows users to view and interact with a slider showcasing various Pokémon. Built using HTML, CSS, and JavaScript, this website is designed to provide a visually appealing and interactive experience for Pokémon enthusiasts.

Features

  • Interactive Slider: Browse through a selection of Pokémon with a smooth sliding effect.
  • Responsive Design: Ensures a great user experience on both desktop and mobile devices.
  • Pokémon Information: Display basic details about each Pokémon as they are selected in the slider.

Technologies Used

  • HTML: For structuring the content of the website.
  • CSS: For styling the website and making it visually appealing.
  • JavaScript: For adding interactivity and dynamic behavior to the slider.

Installation

  1. Clone the repository:
    git clone https://github.com/CodeBeginner000001/Pokemon-Slider.git
  2. Navigate to the project directory:
    cd Pokemon-Slider
  3. Open index.html in your web browser:
    open index.html

Usage

  • Use the navigation arrows or it will automatically slide through different Pokémon cards.

File Structure

pokemon-slider-website/
│
├── index.html       # Main HTML file
├── assets/
│   └── Balbasaur.png
│   └── Charlizad.png
│   └── pokeballs.jpg
│   └── ..
│   └── ..
│   └── Zapdo.jpg
│
│
├── style.css    # CSS file for styling
└── app.js    # JavaScript file for interactivity

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin feature/your-feature-name
  5. Open a pull request.

Acknowledgements

  • Pokémon data and images are sourced from the PokéAPI.
  • Inspired by the Pokémon franchise created by Nintendo, Game Freak, and Creatures.

Contact

For any questions or suggestions, please contact ashu2100ag@gmail.com.

Enjoy the Pokémon Slider Website!

About

This a Pokemon slider created using html , css and javascript. Learned a lot of new things.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors