Skip to content

The application consumes the GitHub API to display a blog-like interface, where the user's profile is dynamically fetched from GitHub data.

Notifications You must be signed in to change notification settings

JGabriel12/GitHub_Blog

Repository files navigation

GitHub Blog


This is a React application built using TypeScript, Vite, Axios, React Router, React Hook Form with Zod, Styled Components, and Moment.js for date formatting. The application consumes the GitHub API to display a blog-like interface, where the user's profile is dynamically fetched from GitHub data. Below the user profile, a list of issues from the selected repository is displayed. Users can click on an issue to view its detailed body and see the number of comments it has.

Features

  • Dynamic fetching of user profile from GitHub data.
  • Displaying a list of issues from the selected repository.
  • Detailed view of an issue including its body and the number of comments.
  • Formatted dates using Moment.js.


Technologies Used

  • React: A JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • Vite: A next-generation frontend tooling to develop React applications.
  • Axios: A promise-based HTTP client for making requests to the GitHub API.
  • React Router: A library for routing in React applications.
  • React Hook Form with Zod: A performant, flexible, and extensible forms library for React.
  • Styled Components: A library for styling React components using tagged template literals.
  • Moment.js: A JavaScript date library for parsing, validating, manipulating, and formatting dates.


Installation

  1. Clone the repository:
git clone https://github.com/JGabriel12/GitHub_Blog
  1. Navigate into the project directory:
cd GitHub_Blog
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev

Open your browser and navigate to http://localhost:5137 to view the application.

About

The application consumes the GitHub API to display a blog-like interface, where the user's profile is dynamically fetched from GitHub data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published