karthiikjr/find-dev

Dev-Finder is an application designed to facilitate collaboration among developers.

Dev-Finder

Dev-Finder is an application designed to facilitate collaboration among developers. Whether you're seeking assistance with a project or looking to contribute your expertise, Dev-Finder connects you with other developers through video calls and screen sharing. Inspired by WebDevCody's tutorial, this project serves as a stepping stone for those transitioning from React.js to Next.js.

Tutorial Link

Features

• Random Developer Matching: Find developers with various skill sets to assist you in your projects.
• Video Calls and Screen Sharing: Seamlessly connect with other developers and showcase your work by sharing your screen.
• Tag Filtering: Filter rooms based on tags, making it easier to find relevant discussions and projects.
• Authentication: Secure authentication setup using NextAuth ensures a safe and personalized experience.
• Room Management: Create, delete, and edit rooms to organize discussions and collaborations effectively.
• Account Management: Easily delete your account when necessary.

Technologies Used

• Next.js: Utilized for building the frontend, offering a smooth user experience and server-side rendering capabilities. Hosted on Vercel.
• Drizzle ORM: Employed for database management, ensuring efficient data handling and storage.
• PostgreSQL (Supabase): Database hosted on Supabase for reliability and ease of use.
• GetStream: Integrated for real-time activity feeds and notifications, enhancing user engagement.
• Tailwind CSS with Shadcn: Tailwind CSS for styling along with Shadcn, a Tailwind component library, for enhanced UI components.

Setup

1. Clone the repository to your local machine.
2. Install dependencies using npm install.
3. Create a .env file in the root directory of the project.
4. Copy the contents from the provided sample.env file into .env.
5. Modify the environment variables in the .env file according to your configuration (e.g., Next auth credentials, API keys).
6. Set up your database in Supabase as per the configuration in the .env file.
7. Run the development server using npm run dev.
8. Access the application via your browser at the specified localhost port.

Screenshots

Homepage

Browse

Create Room and Video calling

Your rooms

Edit Room and delete room

Light Mode

Dropdown Component

License

This project is licensed under the MIT License, allowing for open collaboration and distribution.

Acknowledgements

• WebDevCody: For inspiring the creation of this project through your tutorials and guidance.
• Open-source Community: For providing resources, libraries, and support that made this project possible.