guipmdev / github-blog

Web app for reading and searching GitHub posts

Home Page:https://guipmdev-github-blog.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

lang-en lang-pt-br

Repository language count Repository size Commit activity Last commit Project license Layout designer

Screenshot of the application initial page

Go to the web application β†—

πŸ“’ Table of Contents

πŸ“ Overview

The project is a React-based web application that provides an interface for reading and searching posts in GitHub repositories. The main functionalities include viewing the basic information of a specific user on the home page, searching for posts using keywords and/or repository filters and reading them in full when accessing them.

The project's purpose is to provide an easy-to-use and visually pleasing application for browsing and exploring blogs, improving the content reading and discovery experience.

✨ Features

πŸ‘€ View the details of my GitHub user

πŸ”Ž Search for posts in all repositories

🏷 Use filters to specify in which repo you want to search

πŸ“° Read amazing posts directly on the platform, or open them in GH itself

πŸ€– Demo

github-blog.mp4

🎨 Layout

The layout of the application was designed by Rocketseat and is available on Figma.

Web application layout image cover

πŸ›  Technologies

The following tools were used to build the project:

Website

Vite React TypeScript ESLint Rocketseat ESLint config

React Router Axios React Hook Form Zod date-fns react-hot-toast React Spinners

styled-components React Icons React Markdown Preview remark plugins

* See the package.json file

Utils

Git Node.js Figma Google Fonts VSCode

πŸš€ Getting Started

βœ”οΈ Prerequisites

Before you begin, ensure that you have the following tools installed on your machine: Git, Node.js. It's also good to have an editor to work with the code, such as VSCode.

πŸ“¦ Installation

  1. Clone the repository:
git clone https://github.com/guipmdev/github-blog/
  1. Change to the project directory:
cd github-blog
  1. Install the dependencies:
npm install

βš™οΈ Usage

  1. Start the web application:
npm run dev
  1. Access https://localhost:5173/ to view the application

πŸ“„ License

This project is licensed under the terms of the MIT license. See the LICENSE file for additional info.

πŸ‘ Acknowledgments

  • Many thanks to Rocketseat for the layout and tips when putting this project together

Made with πŸ’™ by @guipm.dev - Feel free to contact me!


↑   Return to the top   β†‘

About

Web app for reading and searching GitHub posts

https://guipmdev-github-blog.vercel.app

License:MIT License


Languages

Language:TypeScript 97.7%Language:HTML 2.3%