Gitcard is a simple React application that allows users to enter their GitHub username and fetch their profile data to display it in a styled business card format.
- Enter a GitHub username to fetch user data.
- Display user profile data including avatar, name, bio, location, public repos, followers, and following.
- Simple and clean UI.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/gitcard.git cd gitcard
-
Install dependencies:
npm install
-
Run the application:
npm start
This will start the development server and open the application in your default web browser.
- Open the application in your web browser.
- Enter a GitHub username in the input field.
- Click the "Submit" button to fetch and display the user's GitHub profile information.
src/App.js
: Main application component.src/App.css
: Styles for the application.public/index.html
: Main HTML file.package.json
: Project dependencies and scripts.
- This project uses the GitHub API to fetch user data.
- The application is built with React.
If you have any questions or suggestions, feel free to reach out to hello@nathaniel-james.co.uk.