RPanda22 / IBM-FED

This project was done as part of an online internship for IBM with EdunetFoundation (AICTE)

Cricbuzz Clone

A front-end clone of the popular cricket website Cricbuzz, developed using HTML, CSS, and JavaScript. This project aims to replicate the look and feel of Cricbuzz, providing users with a familiar interface to view live scores, recent matches, upcoming matches, schedules, archives, and news.

Table of Contents

• Project Overview
• Features
• Installation
• Usage
• Folder Structure
• Contributing
• Acknowledgments

Project Overview

The Cricbuzz Clone project is a static website that replicates the design and basic functionalities of the Cricbuzz website. The project focuses on providing a similar user experience, allowing users to navigate through various sections such as live scores, recent matches, upcoming matches, schedules, archives, and news.

Features

• Home Page: Introduction and navigation to other sections.
• Live Scores: Displays live scores of ongoing matches.
• Recent Matches: List of recently concluded matches.
• Upcoming Matches: Schedule of upcoming matches.
• Schedule: Detailed schedule of matches.
• Archives: Access to past match records.
• News: Latest cricket news and updates.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/cricbuzz-clone.git

2. Navigate to the project directory:

   cd cricbuzz-clone

3. Open the index.html file in your preferred web browser:

   open index.html

Usage

Once you have the project running locally, you can navigate through different sections using the navigation bar at the top. Each section provides information similar to what you would find on the actual Cricbuzz website.

Folder Structure

• css/: Contains the stylesheet for the project.
• js/: Contains JavaScript files for interactive features.
• images/: Contains image assets used in the project.
• index.html: The main landing page of the website.
• livescores.html: The live scores page.
• archive.html: The archives page.
• schedule.html: The schedule page.
• news.html: The news page.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please create a pull request or open an issue.

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

Acknowledgments

• Cricbuzz for the inspiration.
• Eraser.io for providing tools used in this project.

---

Project developed by Roshan Panda during a Front End Development Internship at IBM.

Feel free to explore the code, contribute, or raise issues if you encounter any problems. Thank you for your interest in this project!