{"id":31039462,"url":"https://github.com/dheerajjha451/design2code","last_synced_at":"2025-09-14T07:57:50.688Z","repository":{"id":242320520,"uuid":"809230398","full_name":"Dheerajjha451/Design2Code","owner":"Dheerajjha451","description":"Design2Code is a platform where developers can share their projects with other developers. Showcase your innovative designs and  projects, inspire others, and build your professional portfolio. ","archived":false,"fork":false,"pushed_at":"2025-02-17T14:21:29.000Z","size":9282,"stargazers_count":12,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-29T04:18:26.622Z","etag":null,"topics":["aws","collaborate","deepscan","docker","ecr","ecs","hacktoberfest","hacktoberfest-accepted","hacktoberfest2024","hacktoberfest2024-accepted","javascript","mern-stack","mongodb-atlas","mongoose","next-auth","nextjs","nextjs14","nodejs","react-quill","react-sortablejs"],"latest_commit_sha":null,"homepage":"https://www.designtocode.me/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Dheerajjha451.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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":"2024-06-02T04:55:12.000Z","updated_at":"2025-07-23T08:45:29.000Z","dependencies_parsed_at":"2024-06-02T08:25:04.970Z","dependency_job_id":"4088edab-e007-4f1d-b75c-6f67f49f2970","html_url":"https://github.com/Dheerajjha451/Design2Code","commit_stats":null,"previous_names":["dheerajjha451/design2code"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Dheerajjha451/Design2Code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dheerajjha451%2FDesign2Code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dheerajjha451%2FDesign2Code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dheerajjha451%2FDesign2Code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dheerajjha451%2FDesign2Code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dheerajjha451","download_url":"https://codeload.github.com/Dheerajjha451/Design2Code/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dheerajjha451%2FDesign2Code/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275076591,"owners_count":25401317,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-14T02:00:10.474Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["aws","collaborate","deepscan","docker","ecr","ecs","hacktoberfest","hacktoberfest-accepted","hacktoberfest2024","hacktoberfest2024-accepted","javascript","mern-stack","mongodb-atlas","mongoose","next-auth","nextjs","nextjs14","nodejs","react-quill","react-sortablejs"],"created_at":"2025-09-14T07:57:49.772Z","updated_at":"2025-09-14T07:57:50.673Z","avatar_url":"https://github.com/Dheerajjha451.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n\n# Design2Code\n\u003c/div\u003e\n\n## About\nDesign2Code is a platform where developers can share their projects with other developers. Showcase your innovative designs and full stack projects, inspire others, and build your professional portfolio. With Design2Code, your talent gets noticed by top companies.\n\n## Features\n- **Showcase Your Projects and Designs**: Share your work with a wide audience.\n- **Inspire Others**: Inspire other developers and UI/UX designers with your creativity.\n- **Build Your Professional Portfolio**: Create a comprehensive portfolio to showcase your skills.\n\n## How to Use?\n### Share Your Project\nUpload your project or design to the platform.\n\n### Discover\nExplore projects from other developers for inspiration.\n\n### Connect\nNetwork with other developers and designers to collaborate on new ideas.\n\n## Running Design2Code\nDesign2Code is developed using Next.js for the frontend, Tailwind CSS for styling, and a backend stack including MongoDB, Mongoose, Express, Axios, Cloudinary, React-Quill, and React SortableJS.\n\n### Using Docker\nWith the Dockerized setup, you can run the application without manually configuring the environment.\n\n#### Prerequisites\n- Install [Docker](https://www.docker.com/) and [Docker Compose](https://docs.docker.com/compose/).\n\n#### Steps to Run\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Dheerajjha451/Design2Code.git\n   cd Design2Code\n   ```\n\n2. Create a `.env` file in the root directory with the following variables:\n\n   ```env\n   GOOGLE_CLIENT_ID=\n   GOOGLE_CLIENT_SECRET=\n   MONGODB_URI=\n   CLOUDINARY_CLOUD_NAME=\n   CLOUDINARY_API_KEY=\n   CLOUDINARY_API_SECRET=\n   NEXTAUTH_SECRET=\n   ```\n\n3. Build and run the Docker containers:\n\n   ```bash\n   docker-compose up --build\n   ```\n\n4. Access the application at `http://localhost:3000`.\n\n### Without Docker (Optional)\nIf you prefer running the application manually:\n\n#### Setup\n\n1. Install the required dependencies:\n\n   ```bash\n   npm install\n   ```\n\n2. Create a `.env` file with the necessary variables:\n\n   ```env\n   GOOGLE_CLIENT_ID=\n   GOOGLE_CLIENT_SECRET=\n   MONGODB_URI=\n   CLOUDINARY_CLOUD_NAME=\n   CLOUDINARY_API_KEY=\n   CLOUDINARY_API_SECRET=\n   NEXTAUTH_SECRET=\n   ```\n\n3. Start the project:\n\n   ```bash\n   npm run dev\n   ```\n\n## Screenshots\n\n![Design2Code1](https://github.com/Dheerajjha451/Design2Code/assets/106474979/456f129d-bd95-4cc6-bbc9-96738d3bdc47)\n![Design2Code](https://github.com/Dheerajjha451/Design2Code/assets/106474979/f0c1a90d-aeff-480d-ac36-d10234b0ac25)\n\n# Contributing\nCheck out the [contributing guidelines](https://github.com/Dheerajjha451/Design2Code/blob/main/CONTRIBUTING.md)\n\n# License\nThis project is licensed under the [License.](https://github.com/Dheerajjha451/Design2Code/blob/main/LICENSE)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdheerajjha451%2Fdesign2code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdheerajjha451%2Fdesign2code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdheerajjha451%2Fdesign2code/lists"}