Blog Site screenshot

Blog Site

Updated: 1 Oct 2022
7 Stars

This is a Blog Site, I made using Gatsby, Contentful, ReactJs, GraphQl and deployed it on Netlify.

Categories

Overview:

Tech Berg is a blog website built using GatsbyJs, Typescript, Contentful, and Netlify. It provides an interface for users to view and interact with various blog posts. The website is designed to be mobile responsive and accessible, with an open-source codebase that allows for customization and tweaking.

Features:

  • Blogs: Users can access a wide range of blog posts on various topics.
  • Categories: The blogs are organized into different categories for easy navigation and browsing.
  • Accessibility Optimized: The website is designed to ensure accessibility for all users, including those with disabilities.
  • Mobile Responsive: The interface is responsive and adjusts seamlessly to different screen sizes and devices.
  • Open Source: The codebase is open-source, enabling users to customize and modify the website to suit their needs.

Installation:

To run the Tech Berg blog website locally, follow these steps:

  1. Clone the repository by running the following command in your terminal: git clone https://github.com/developer-junaid/Blog-Site.git
  2. Once cloned, navigate to the project directory: cd Blog-Site
  3. Install the project dependencies by running: npm install
  4. Start the development server by running: npm start
  5. The website should now be running locally and can be accessed at: http://localhost:8000

Note: Please refrain from using the .env file provided by the developer.

Summary:

Tech Berg is a blog website built using GatsbyJs, Typescript, Contentful, and Netlify. It offers features such as a variety of blog posts, categorization for easy navigation, accessibility optimization, mobile responsiveness, and an open-source codebase. By following the installation guide, users can run the website locally and explore its functionalities.