Skip to content

Latest commit

 

History

History
109 lines (53 loc) · 4.86 KB

README.md

File metadata and controls

109 lines (53 loc) · 4.86 KB

Support 🚀 👨

Show some ❤️ and star 🌟 the repo to support the Project.

RepoPilot: GitHub Profile Scout

The RepoPilot: GitHub Profile Scout is a powerful web application developed using React, Next.js, Chakra UI, and CSS. It facilitates the exploration of GitHub user accounts with a clean and user-friendly interface. This project streamlines the process of finding GitHub users, providing search functionality, user profiles, repositories, and search history management.

Features ✅

  • Effortless User Search: Seamlessly locate GitHub user accounts with an intuitive search feature.
  • Detailed User Profiles: Explore comprehensive user profiles, providing valuable insights into developers' activities and contributions. Users can view public repositories, public gists, followers, and following information.
  • Repository Exploration: Easily access repositories associated with user profiles for in-depth exploration. Repository profiles include badges for stars, forks, and watchers, providing a quick overview of repository popularity and engagement.
  • Search History: Conveniently track and manage search history, facilitating quick reference and retrieval of past searches.

Purpose 🎯

The RepoPilot: GitHub Profile Scout project aims to simplify the process of discovering GitHub accounts for developers. It provides a seamless user experience while leveraging modern web development technologies. This project serves as a testament to the developer's commitment to creating efficient and user-centric software solutions:

Challenges 💪

Throughout the development process, several challenges were encountered, including:

Implementing a complex Search History feature, including the functionality to display the most recent profile at the top of the list.

Designing the user interface creatively to ensure a user-friendly layout and intuitive navigation.

These challenges demanded innovative solutions and close attention to detail. Overcoming them contributed significantly to the project's functionality and overall user experience

Tech Stack 🧰

CSS: Leveraging custom styling to enhance the visual appeal and usability of the application.

Chakra UI: Providing a rich set of customizable UI components for creating visually appealing interfaces with ease.

React: Powering the frontend with its component-based architecture and efficient state management.

Next.js: Offering server-side rendering and routing capabilities for enhanced performance and SEO optimization.

Screenshots 🎬

git1

git2

git3

git4

This is a React | Next.js project bootstrapped with create-next-app.

Installation 🪛

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

🔗 Links

GitHub

twitter

linkedin

Authors 👨‍💻