https://github.com/yuliteg/github-seeker

Discover the GitHub Seeker App, built with React, Redux Toolkit, and Styled Components. Search GitHub users by username, view profiles, and enjoy smooth loading
https://github.com/yuliteg/github-seeker

react redux-toolkit styled-components typescript

Last synced: 6 days ago
JSON representation

Discover the GitHub Seeker App, built with React, Redux Toolkit, and Styled Components. Search GitHub users by username, view profiles, and enjoy smooth loading

• Host: GitHub
• URL: https://github.com/yuliteg/github-seeker
• Owner: Yuliteg
• Created: 2023-08-04T17:53:14.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-20T16:33:12.000Z (about 1 year ago)
• Last Synced: 2023-08-20T17:42:29.115Z (about 1 year ago)
• Topics: react, redux-toolkit, styled-components, typescript
• Language: TypeScript
• Homepage: https://sparkling-swan-63b0a2.netlify.app/
• Size: 873 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GitHub Seeker App 🔍

![React](https://img.shields.io/badge/-React-blue?logo=react&logoColor=white)

![Redux Toolkit](https://img.shields.io/badge/-Redux%20Toolkit-purple?logo=redux&logoColor=white)

![Styled Components](https://img.shields.io/badge/-Styled%20Components-darkgreen?logo=styled-components&logoColor=white)

![TypeScript](https://img.shields.io/badge/-TypeScript-blue?logo=typescript&logoColor=white)

## Getting Started

This project was bootstrapped with Create React App.

### Available Scripts

In the project directory, you can run:

- `npm start`: Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.

- `npm test`: Launches the test runner in interactive watch mode.

- `npm run build`: Builds the app for production to the build folder.

  


## App Functionality

- ✅ Provides input field for GitHub username, triggers API requests, and handles validation.

- ✅ Displays user info, including avatar, name, company, location, and website.

- ✅ Displays loading indicator during API requests.

- ✅ Manages errors for invalid usernames or failed API requests.

- ✅ Uses Redux Toolkit to manage user data, loading status, and errors.

Learn more about [Create React App](https://create-react-app.dev/).

To learn React, check out the [React documentation](https://reactjs.org/).

[GitHub Repository](https://github.com/yourusername/your-repo)