{"id":19765913,"url":"https://github.com/themihirmathur/project-manager","last_synced_at":"2026-04-17T11:32:04.807Z","repository":{"id":200016137,"uuid":"704641123","full_name":"themihirmathur/Project-Manager","owner":"themihirmathur","description":"\"Project Manager\" is a full-stack Dribble clone developed using modern web technologies such as Next.js, GraphQL, Next Auth, TypeScript, and Tailwind CSS. ","archived":false,"fork":false,"pushed_at":"2024-07-07T07:34:05.000Z","size":194,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T01:42:11.552Z","etag":null,"topics":["cloudinary","grafbase","graphql","headless-ui","json-web-token","next-auth","nextjs","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/themihirmathur/Project-Manager","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/themihirmathur.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-13T17:53:49.000Z","updated_at":"2024-07-07T07:34:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"993b8b3e-5ef3-4e3c-a63a-f7c18f1f582e","html_url":"https://github.com/themihirmathur/Project-Manager","commit_stats":null,"previous_names":["themihirmathur/project-manager"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/themihirmathur/Project-Manager","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themihirmathur%2FProject-Manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themihirmathur%2FProject-Manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themihirmathur%2FProject-Manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themihirmathur%2FProject-Manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/themihirmathur","download_url":"https://codeload.github.com/themihirmathur/Project-Manager/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themihirmathur%2FProject-Manager/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31927751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T10:35:34.458Z","status":"ssl_error","status_checked_at":"2026-04-17T10:35:09.472Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudinary","grafbase","graphql","headless-ui","json-web-token","next-auth","nextjs","tailwindcss","typescript"],"created_at":"2024-11-12T04:20:26.802Z","updated_at":"2026-04-17T11:32:04.789Z","avatar_url":"https://github.com/themihirmathur.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Manager 📂 A Full Stack Dribble Clone\n\n\u003cimg width=\"1003\" alt=\"Screenshot 2023-10-13 at 11 27 04 PM\" src=\"https://github.com/themihirmathur/Project-Manager/assets/92594107/9b0c7dfc-bcbf-4cfe-932b-f97efae0fb43\"\u003e\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif\" width=\"1920\" \n\u003c/p\u003e\n\n## Table of Contents\n- Introduction\n- Tech Stack\n- Features\n- Quick Start\n- Snippets\n- Links\n- More\n- Tutorial\n\n## Introduction\n`Project Manager` is a full-stack Dribble clone developed using modern web technologies such as Next.js, GraphQL, Next Auth, TypeScript, and Tailwind CSS. The application replicates all the essential features of Dribble, enabling users to share and showcase their projects seamlessly.\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif\" width=\"1920\" \n\u003c/p\u003e\n\n## Tech Stack\n- Next.js\n- Next Auth\n- TypeScript\n- JSON Web Token\n- GraphQL\n- Grafbase\n- Cloudinary\n- Tailwind CSS\n- Headless UI\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif\" width=\"1920\" \n\u003c/p\u003e\n\n## Features\n\n### Modern Design Home Page\nFeatures a clean and modern design resembling Dribbble, with a visually appealing interface showcasing project previews and navigation.\n\n### Browsing and Pagination\nBrowse different projects, filter them by category, and experience smooth pagination for seamless data exploration.\n\n### Authentication \u0026 Authorization System\nA fully functional authentication and authorization system allows users to log in securely using JWT and Google authentication.\n\n### Create Post Page\nProvides a dedicated space for users to share their projects with the community. It includes fields for project details, images, and other relevant information.\n\n### Project Details and Related Projects\nA detailed view with related projects functionality, enabling users to explore more projects within the same category or theme.\n\n### Edit and Re-upload Images\nUsers have the capability to edit previously created projects, including the ability to re-upload images from their devices to the cloud for updates.\n\n### Delete Projects\nThe delete functionality simplifies project removal with a one-click process, streamlining the user experience.\n\n### Portfolio-Style User Profile Page\nThe user profile page adopts a portfolio-style layout, displaying the user's projects along with the project profiles of other users for easy exploration.\n\n### Backend API Routes\nBackend API routes for handling JWT token management for secure authentication and image uploading, supporting seamless integration with the frontend.\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif\" width=\"1920\" \n\u003c/p\u003e\n\n## Quick Start\nFollow these steps to set up the project locally on your machine.\n\n### Prerequisites\nMake sure you have the following installed on your machine:\n- Git\n- Node.js\n- npm (Node Package Manager)\n\n### Cloning the Repository\n```bash\ngit clone https://github.com/themihirmathur/Project-Manager.git\ncd Project-Manager\n```\n\n### Installation\nInstall the project dependencies using npm:\n```bash\nnpm install\n```\n\n### Set Up Environment Variables\nCreate a new file named `.env` in the root of your project and add the following content:\n```env\nGOOGLE_CLIENT_ID=\nGOOGLE_CLIENT_SECRET=\nNEXTAUTH_URL=\nNEXTAUTH_SECRET=\nCLOUDINARY_NAME=\nCLOUDINARY_KEY=\nCLOUDINARY_SECRET=\nGRAFBASE_API_URL=\nGRAFBASE_API_KEY=\n```\nReplace the placeholder values with your actual credentials. You can obtain these credentials by signing up on the corresponding websites from Google Cloud, Cloudinary, and Grafbase. For the Next Auth secret, you can generate any random secret using a tool like `crytool`.\n\n### Running the Project\n```bash\nnpm run dev\n```\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif\" width=\"1920\" \n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemihirmathur%2Fproject-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthemihirmathur%2Fproject-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemihirmathur%2Fproject-manager/lists"}