Proflex - Dribbble-Inspired Developer Platform

Proflex is a Dribbble-inspired developer platform that allows developers to share their projects and Employers to hire developers. The platform is built using Next.js, Prisma and MongoD

• Live URL
• Github

Objective

The primary objective of this project was to explore the latest features of Next.js 13, including AppRouter and RSC (React Server Components), while also integrating NextAuth for authentication and trying ShadcnUI. However, after achieving these initial goals, I decided to discontinue the project due to a lack of continued interest and did not proceed with the implementation of the remaining planned features.

Features.

• User Authentication: Users can sign up, log in, and manage their profiles.

• Project Submission: Developers can submit their projects to showcase their work.

• Project Details: Each project has its own dedicated page with detailed information and media.

• Tagging and Categorization: Projects can be tagged and categorized for easier discovery.

• Post Job Listing: Employers can post job listings for developers.

• Stripe Subscription: Monthly subscription for employers to post job listings.

• Search Functionality: Search projects and developers to find specific content.

Tech Stack

• Next.js - A Javascript framework for building web applications.
• Tailwind CSS - A utility-first CSS framework.
• Shadcn UI - A collection of re-usable components
• NextAuth - An authentication solution for Next.js applications.
• Prisma - An open source next-generation ORM.
• Uploadthing - An easier way to upload files.
• MongoDB - A NoSQL (non-relational) database.

Project Setup

To run this developer platform locally on your machine, follow these steps:

1. Clone the Repository: Begin by cloning this GitHub repository to your local machine:

   git clone https://github.com/mahesh-143/proflex.git

2. Navigate to Directory: Move into the project directory:

   cd proflex

3. Install Dependencies: Install the necessary dependencies using npm or yarn or pnpm:

   npm install
   # or
   yarn install
   # or
   pnpm install

4. Set Up MongoDB:: Ensure you have a MongoDB instance running and create a database for this project

5. Configure Environment Variables: Create a .env.local file in the root directory and set the necessary environment variables, including database connection details and authentication keys.

6. Run Migrations: Apply the database schema and run migrations using Prisma:

   npx prisma db push

7. Run Development Server: Start the Next.js development server:

   ```bash
   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   ```
   

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

Acknowledgements

• YouTube : Infinte Scrolling in NextJS 13 Using Server Actions by Hamed Bahram