/Tiny-blog-TypeScript

This is a simple blog application built with React and TypeScript that connects to the https://dummyjson.com/posts API to fetch and display posts.

Primary LanguageTypeScript

React + TypeScript Blog

This is a simple blog application built with React and TypeScript that connects to the https://dummyjson.com/posts API to fetch and display posts.

Features

  • Display the posts as a list of cards.
  • Show 5 different sections based on the "tags" value from the API.
  • Clearly separated sections, with clear title and body.
  • A dropdown for each section to show and hide the posts.
  • Responsive and centered layout.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js and npm
  • React
  • TypeScript
  • axios

Installation

  • Clone the repository
git clone https://github.com/Armin-AF/Tiny-blog-TypeScript.git
  • Install the dependencies
npm install
  • Run the development server
npm start

Built With

  • React - A JavaScript library for building user interfaces.
  • TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
  • axios - A promise-based HTTP client for the browser and node.js

Author

Armin Afazeli - https://github.com/Armin-AF

Acknowledgments

DummyJSON - A service that generates random JSON data for testing and prototyping.