svelte-webscraping Svelte Themes

Svelte Webscraping

Svelte Web Scraping Project

This project is a web application built using Svelte that scrapes GitHub user contributions data and displays it in a user-friendly format. It serves as a demonstration of web scraping and data visualization using Svelte.

Features

  • Web Scraping: The application scrapes the GitHub contributions calendar data for a specified user.
  • Data Visualization: Contributions data is visualized using a customizable heatmap.
  • Responsive Design: The app is designed to work on both desktop and mobile devices.
  • GitHub API Integration: The app uses the GitHub API to fetch user information.
  • Customization: Users can customize the heatmap's appearance and behavior.
  • Interactive: Users can interact with the heatmap to view contributions details.

Getting Started

To get started with this project, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/shubhamm69/svelte-webscraping.git
    cd svelte-webscraping
    
  2. Install Dependencies:

    pnpm i
    
  3. Run the Development Server:

    pnpm run dev
    

    This will start a development server, and you can view the app by opening a web browser and navigating to http://localhost:5000.

Usage

  1. Enter GitHub Username: On the app's home page, enter the GitHub username for which you want to fetch contributions data.

  2. Customize Heatmap: Use the customization options to adjust the heatmap's appearance and behavior according to your preferences.

  3. View Contributions: Interact with the heatmap to view contributions details for specific days.

Technologies Used

  • Svelte: The JavaScript framework used for building the web application.
  • GitHub API: Used to fetch user information.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow the Contributing Guidelines.

License

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

Top categories

Loading Svelte Themes