Skip to content

💻 🌎 Get repositories from github api. 🌎 💻

License

Notifications You must be signed in to change notification settings

Aleydon/Repositories

Repository files navigation

🌎 Get Repositories From Github Api 🌎


ReactJs Javascript Html5 Css3 React-Router Styled-Components


📌 Requirements: 📌

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

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


▶️ Get Started:

  1. Clone this repo
git clone https://github.com/Aleydon/Repositories.git
  1. Install NPM packages
npm install or yarn install
  1. Run this project
npm start or yarn start

🔍 search the repositories:

Search-Repositories

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

Repositories-Not-Found

💾 This application stores the repositories in localStorage:

  useEffect(() => {
    localStorage.setItem('@favorite/repos', JSON.stringify(repositories));
  }, [repositories]);  

❌ repository remove:

 const handleDeleteRepository = useCallback(
    (repo) => {
      const repoDelete = repositories.filter(
        (filtered) => filtered.name !== repo,
      );
      setRepositories(repoDelete);
      localStorage.removeItem(repoDelete);
    },
    [repositories],
  );

🔎 Functional filter and navigation:

Filter-Pagination