Sportslight

Sportslight is a sports blog website that fetches data from the News API to display the latest sporting blogs on our platform. It is built using React and incorporates various technologies such as React Bootstrap, React Router, Styled Components, and APIs for fetching blogs and sports quotes. The fetched data is stored in a Firebase database. The website also provides information about upcoming sporting events.

Features

• Fetches and displays the latest sporting blogs from the News API.
• Utilizes React Bootstrap for responsive and stylish UI components.
• Implements React Router for seamless navigation between different pages.
• Uses Styled Components for custom styling and theming.
• Stores fetched data in a Firebase database for easy retrieval and persistence.
• Provides information about upcoming sporting events.

Installation

To run Sportslight locally, follow these steps:

1. Clone the repository:

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

2. Navigate to the project directory:

   cd sportslight

3. Install the dependencies:

   npm install

4. Create a .env file in the root directory and provide the necessary configuration:

   REACT_APP_NEWS_API_KEY=YOUR_NEWS_API_KEY
   REACT_APP_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
   REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
   REACT_APP_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
   REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
   REACT_APP_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
   REACT_APP_SPORTS_QUOTE_API_URL=YOUR_SPORTS_QUOTE_API_URL
   

   Replace YOUR_NEWS_API_KEY with your News API key, YOUR_FIREBASE_API_KEY with your Firebase API key, and so on.

5. Start the development server:

   npm start

6. Open your browser and visit http://localhost:3000 to access Sportslight locally.

Deployment

Sportslight is currently live at [https://sportslight.netlify.app] . Status

To deploy the project to your own domain or hosting platform, you can follow these general steps:

1. Build the project:

   npm run build

2. Deploy the generated build folder to your hosting platform or domain.

Contributing

We welcome contributions to Sportslight! If you want to contribute to the project, please follow these steps:

1. Fork the repository on GitHub.

2. Clone your forked repository:

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

3. Create a new branch for your feature or bug fix:

   git checkout -b feature/your-feature

4. Make the necessary changes and commit them:

   git commit -m "Add your commit message here"

5. Push your changes to your forked repository:

   git push origin feature/your-feature

6. Open a pull request on the original repository and provide a clear description of your changes.

License

This project is licensed under the MIT License.

Acknowledgments

• News API: https://newsapi.org/
• Firebase: https://firebase.google.com/
• React Bootstrap