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.
- 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.
Upload your project or design to the platform.
Explore projects from other developers for inspiration.
Network with other developers and designers to collaborate on new ideas.
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.
With the Dockerized setup, you can run the application without manually configuring the environment.
- Install Docker and Docker Compose.
-
Clone the repository:
git clone https://github.com/Dheerajjha451/Design2Code.git cd Design2Code -
Create a
.envfile in the root directory with the following variables:GOOGLE_CLIENT_ID= GOOGLE_CLIENT_SECRET= MONGODB_URI= CLOUDINARY_CLOUD_NAME= CLOUDINARY_API_KEY= CLOUDINARY_API_SECRET= NEXTAUTH_SECRET=
-
Build and run the Docker containers:
docker-compose up --build
-
Access the application at
http://localhost:3000.
If you prefer running the application manually:
-
Install the required dependencies:
npm install
-
Create a
.envfile with the necessary variables:GOOGLE_CLIENT_ID= GOOGLE_CLIENT_SECRET= MONGODB_URI= CLOUDINARY_CLOUD_NAME= CLOUDINARY_API_KEY= CLOUDINARY_API_SECRET= NEXTAUTH_SECRET=
-
Start the project:
npm run dev
Check out the contributing guidelines
This project is licensed under the License.