Techies Blog

Welcome to Techies Blog, a blog website dedicated to sharing exciting stories, insights, and information about various tech topics. This repository contains the source code for the Techies Blog website.

Table of Contents

Installation

  1. Clone the repository:

    git clone https://github.com/hemant14050/techies-blog.git
  2. Navigate to the project directory:

    cd techies-blog
  3. Install the required dependencies:

    npm install
  4. Start the development server:

    npm start

    The website will be accessible at http://localhost:3000.

Features

  • Pagination: Easily navigate through a large collection of blog posts using pagination controls.
  • Routing: Utilizes React Router DOM to provide seamless navigation between different views and blog posts.
  • Tag-Based Filtering: Click on specific tags to filter and display blog posts related to that tag.
  • Suggested Blogs: Recommends additional tech blogs based on the currently viewed blog post's tags.

Technologies Used

  • React
  • React Router DOM
  • useContext (for managing global state and sharing data between components)

Usage

  1. Home Page: The home page displays a collection of blog posts with pagination controls for easy browsing.

  2. Blog Details Page: Click on a specific blog post to view its details, including the content, author information, and publication date.

  3. Tag Filtering: Clicking on a tag on the blog details page will filter the blog posts and display only those related to the selected tag.

  4. Suggested Blogs: On the blog details page, you'll find a section suggesting related tech blogs based on the tags of the currently open blog post.

Contributing

Contributions are welcome! If you encounter any issues, have suggestions, or want to contribute to TechTales, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature/bug fix.
  3. Make your changes and test thoroughly.
  4. Commit and push your changes to your forked repository.
  5. Submit a pull request, clearly describing the changes you made.