DevConnect is a web application designed to connect developers based on their GitHub profiles and location. The application fetches developer data from GitHub and displays nearby developers in a user-friendly interface. Users can view developer profiles, including their GitHub repositories, followers, and other relevant information.
- Nearby Developers: Displays developers near the user's location based on GitHub data.
- Developer Profiles: Detailed profiles with GitHub data, including repositories, followers, and bio.
- Infinite Scrolling: Automatically loads more developers as the user scrolls down.
- Responsive Design: Optimized for both desktop and mobile devices.
- Next.js: React framework for server-side rendering and static site generation.
- React: JavaScript library for building user interfaces.
- TypeScript: Superset of JavaScript that adds static types.
- Tailwind CSS: Utility-first CSS framework for styling.
- GitHub API: Fetches developer data from GitHub.
- OpenCage Data API: Geocoding service to convert coordinates into readable locations.
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/nishant9083/devconnect.git cd devconnect -
Install dependencies:
npm install # or yarn install -
Create a
.env.localfile in the root directory and add your API keys:NEXT_PUBLIC_OPENCAGE_API_KEY=your_opencage_api_key
To start the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
devconnect/
├── components/ # React components
│ ├── ui/ # UI components
│ ├── nearby-developers.tsx
│ └── ...other components...
├── lib/ # Utility functions and libraries
│ ├── github.ts # GitHub API functions
│ └── ...other libraries...
├── pages/ # Next.js pages
│ ├── api/ # API routes
│ ├── _app.tsx # Custom App component
│ └── index.tsx # Home page
├── public/ # Static assets
├── styles/ # Global styles
│ ├── globals.css
│ └── ...other styles...
├── .env.local # Environment variables
├── next.config.js # Next.js configuration
├── package.json # Project dependencies and scripts
└── README.md # Project documentation
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Make your changes.
- Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
For any inquiries or feedback, please contact [email protected].