Chess.com Profile Explorer

A modern, sleek web application to explore Chess.com profiles with a cool typewriter title, dark/light mode toggle, and interactive UI elements.

Table of Contents

• Features
• Live Demo
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
  • Running the Project
• Usage
• Contributing
• License
• Credits

Features

• Dynamic Profile Fetching: Retrieve and display Chess.com user profiles in real time.
• Interactive UI: Animated typewriter title, smooth transitions, and a dark/light mode toggle.
• Responsive Design: Optimized for desktops, tablets, and mobile devices.
• Data Visualization: View user stats, clubs, and tournament information in an organized layout.

Live Demo

Check out the live demo at: Chess.com Profile Explorer Demo

Technologies Used

• HTML5 & CSS3
• JavaScript (ES6+)
• Particles.js
• AOS
• Typed.js
• GSAP
• VanillaTilt.js

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• An active internet connection (to load external libraries and APIs)

Installation

Clone the repository:

git clone https://github.com/yourusername/chess-profile-explorer.git
cd chess-profile-explorer

The project structure is organized as follows:

chess-profile-explorer/
├── home/
│   └── index.html
├── css/
│   └── style.css
└── js/
    └── app.js

Running the Project

Open the home/index.html file in your web browser directly:

open home/index.html

Alternatively, you can serve it with a local web server. For example, using Python:

python -m http.server

Then, navigate to:
http://localhost:8000/home/index.html

Usage

1. Enter a Username: Type a valid Chess.com username into the input field.
2. Fetch Profile: Click the "Fetch Full Profile" button.
3. View Data: Explore the dynamically loaded profile, stats, clubs, and tournaments.

Contributing

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes and push your branch.
4. Open a pull request describing your changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Credits

• Developed by: Ansh Kabra
• External Libraries:
  • Particles.js
  • AOS
  • Typed.js
  • GSAP
  • VanillaTilt.js

---