In this challenge, an application was developed that uses the GitHub API to fetch issues from a repository, data from your profile and display them as a blog. Which contains the following features:
- Profile listing with image, number of followers, name and other information available via the GitHub API.
- Lists and filters all repository issues with a short summary of their content
- Create a page to display a complete post (issue)
Although there are few features, concepts such as:
- States
- State immutability
- Lists and keys in ReactJS
- Properties
- Componentization
- Form
- Routing and React Router DOM
- useCallback
This project was developed with the following technologies:
- React
- Vite
- TypeScript
- React-Hook-Form
- styled-components
- axios
- date-fns
- react-icons
- react-router-dom
- react-markdown
- zod
- react-loading-skeleton
You can view the layout of the project via the link below:
Before you begin, you will need to have the following tools installed on your machine: [Git] (https://git-scm.com), [Node.js] (https://nodejs.org/en/). In addition, it is good to have an editor to work with the code like [VSCode] (https://code.visualstudio.com/)
# Clone this repository
$ git clone git@github.com:exodogurgel/github-blog.git
# Access the project folder in your terminal
$ cd github-blog
# Install the dependencies
$ npm install
# Run the application in development mode
$ npm run dev
# The application will open on the port: 5173 - go to http://localhost:5173
Êxodo Gurgel 🚀
This project is under the license MIT.
Made with ❤️ by Êxodo Gurgel 👋🏽 Get in Touch!