https://github.com/aleydon/repositories

:computer: :earth_americas: Get repositories from github api. :earth_americas: :computer:
https://github.com/aleydon/repositories

api axios components get github-api javascript js jsx localstorage react reactjs styled-components

Last synced: 3 months ago
JSON representation

:computer: :earth_americas: Get repositories from github api. :earth_americas: :computer:

• Host: GitHub
• URL: https://github.com/aleydon/repositories
• Owner: Aleydon
• License: mit
• Created: 2020-07-05T01:25:15.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:48:20.000Z (over 2 years ago)
• Last Synced: 2025-02-05T04:51:14.666Z (5 months ago)
• Topics: api, axios, components, get, github-api, javascript, js, jsx, localstorage, react, reactjs, styled-components
• Language: JavaScript
• Homepage:
• Size: 2.17 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# :earth_americas: Get Repositories From Github Api :earth_americas:

---

![ReactJs](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![Html5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Css3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![React-Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![Styled-Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

---

## :pushpin: Requirements: :pushpin: 

ReactJs: :link: https://pt-br.reactjs.org/

NodeJs: :link: https://nodejs.org/en/

---

#### :arrow_forward:   Get Started: 

  1. Clone this repo

   ```sh

   git clone https://github.com/Aleydon/Repositories.git

   ```

  2. Install NPM packages

   ```sh

   npm install or yarn install

   ```

   3. Run this project

   ```sh

   npm start or yarn start

   ```

---  

:mag: search the repositories:
 


![Search-Repositories](images/added_repositorie.png)

:exclamation:Returns an error message if the repository is not found:


![Repositories-Not-Found](images/repo_not_found.png)

 :floppy_disk: This application stores the repositories in localStorage:


```js

  useEffect(() => {

    localStorage.setItem('@favorite/repos', JSON.stringify(repositories));

  }, [repositories]);  

```

:x: repository  remove:


```js

 const handleDeleteRepository = useCallback(

    (repo) => {

      const repoDelete = repositories.filter(

        (filtered) => filtered.name !== repo,

      );

      setRepositories(repoDelete);

      localStorage.removeItem(repoDelete);

    },

    [repositories],

  );

```

:mag_right: Functional filter and navigation:


![Filter-Pagination](images/View_issues_and_pagination.png)