https://github.com/dheerajjha451/design2code
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.
https://github.com/dheerajjha451/design2code
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
Last synced: 26 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/dheerajjha451/design2code
- Owner: Dheerajjha451
- License: apache-2.0
- Created: 2024-06-02T04:55:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-17T14:21:29.000Z (8 months ago)
- Last Synced: 2025-08-29T04:18:26.622Z (about 1 month ago)
- 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
- Language: JavaScript
- Homepage: https://www.designtocode.me/
- Size: 8.85 MB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Design2Code
## About
Design2Code 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.
## Features
- **Showcase Your Projects and Designs**: Share your work with a wide audience.
- **Inspire Others**: Inspire other developers and UI/UX designers with your creativity.
- **Build Your Professional Portfolio**: Create a comprehensive portfolio to showcase your skills.
## How to Use?
### Share Your Project
Upload your project or design to the platform.
### Discover
Explore projects from other developers for inspiration.
### Connect
Network with other developers and designers to collaborate on new ideas.
## Running Design2Code
Design2Code 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.
### Using Docker
With the Dockerized setup, you can run the application without manually configuring the environment.
#### Prerequisites
- Install [Docker](https://www.docker.com/) and [Docker Compose](https://docs.docker.com/compose/).
#### Steps to Run
1. Clone the repository:
```bash
git clone https://github.com/Dheerajjha451/Design2Code.git
cd Design2Code
```
2. Create a `.env` file in the root directory with the following variables:
```env
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
NEXTAUTH_SECRET=
```
3. Build and run the Docker containers:
```bash
docker-compose up --build
```
4. Access the application at `http://localhost:3000`.
### Without Docker (Optional)
If you prefer running the application manually:
#### Setup
1. Install the required dependencies:
```bash
npm install
```
2. Create a `.env` file with the necessary variables:
```env
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
NEXTAUTH_SECRET=
```
3. Start the project:
```bash
npm run dev
```
## Screenshots
# Contributing
Check out the [contributing guidelines](https://github.com/Dheerajjha451/Design2Code/blob/main/CONTRIBUTING.md)
# License
This project is licensed under the [License.](https://github.com/Dheerajjha451/Design2Code/blob/main/LICENSE)