PLATFORM: Add create new project

[kriptonian1]

Description

Implement a “create new project” functionality in the dashboard of the platform. The created new project should be immediately updated in the project dashboard. Some part of create new project is done, which can find in apps/platform/src/app/(main)/page.tsx.

Scope of work

You have to implement 2 features from create new project.

1. Add environment for the project, by default there is an environment named default. In the array of object environment, there should be only one default workspace. And user can add as many environments as they want.
2. After sending the environment request. The project dashboard should auto refresh to show the recently added project.

Postman URL

• Create project

Type of new project and environment

keyshade/apps/platform/src/types/index.ts

Lines 43 to 54 in f3a3632

	export const zEnvironment = z.object({
	name: z.string(),
	description: z.string().nullable(),
	isDefault: z.boolean().optional(),
	})
	export const zNewProject = z.object({
	name: z.string(),
	description: z.string().nullable(),
	storePrivateKey: z.boolean(),
	environments: z.array(zEnvironment)
	})

Dialog for create new project

keyshade/apps/platform/src/app/(main)/page.tsx

Lines 116 to 187 in f3a3632

	<Dialog>
	<DialogTrigger>
	<Button>
	{' '}
	<AddSVG /> Create a new Project
	</Button>
	</DialogTrigger>
	<DialogContent>
	<DialogHeader>Create a new project</DialogHeader>
	<DialogDescription>
	Fill in the details to create a new project
	</DialogDescription>
	<div className="flex flex-col gap-y-8">
	<div className="flex w-full flex-col gap-y-4">
	<div className="flex flex-col items-start gap-4">
	<Label className="text-right" htmlFor="name">
	Name
	</Label>
	<Input
	className="col-span-3"
	id="name"
	onChange={(e) => {
	setNewProjectData((prev) => ({
	...prev,
	name: e.target.value
	}))
	}}
	placeholder="Enter the name"
	/>
	</div>
	<div className="flex flex-col items-start gap-4">
	<Label className="text-right" htmlFor="name">
	Description
	</Label>
	<Input
	className="col-span-3"
	id="name"
	onChange={(e) => {
	setNewProjectData((prev) => ({
	...prev,
	description: e.target.value
	}))
	}}
	placeholder="Enter the name"
	/>
	</div>
	{/* {isNameEmpty ? (
	<span className="ml-[3.5rem] mt-1 text-red-500">
	Name cannot be empty
	</span>
	) : null} */}
	</div>
	</div>
	<div className="flex w-full justify-end">
	<Button
	onClick={() => {
	createProject(newProjectData, currentWorkspace.id)
	.then(() => {
	toast.success('New project added successfully')
	router.refresh()
	})
	.catch(() => {
	toast.error('Failed to add new project')
	})
	}}
	variant="secondary"
	>
	Add project
	</Button>
	</div>
	</DialogContent>
	</Dialog>

[ayan-joshi]

@kriptonian1 @rajdip-b I would like to work on this issue can u assign me under FOSS HACK

[rajdip-b]

Sure!

[kriptonian1]

@ayan-joshi best of luck buddy, let me know if you need any help

[ayan-joshi]

@kriptonian1 there is postman url attached which is not opening will I need it for my work ?

Create project

[rajdip-b]

@kriptonian1 there is postman url attached which is not opening will I need it for my work ?

Create project

Yeap! Here's the updated link: https://www.postman.com/keyshade/workspace/keyshade

[ayan-joshi]

@rajdip-b I have a question , for this pr I would need to setup all 4 ports and can u help me with project setting up

[rajdip-b]

Hey @ayan-joshi! You can refer to our docs to understand how to set things up: https://docs.keyshade.xyz/contributing-to-keyshade/summary

[ayan-joshi]

@rajdip-b I got it running locally , how to pass through auth page can u help?

[rajdip-b]

You would need to sign up like usual. Make sure the API is running.

[kriptonian1]

Hey @ayan-joshi, you need to run the API server and the platform simultaneously, and you need to create a .env file inside the platform and there add NEXT_PUBLIC_BACKEND_URL=http://localhost:4200

[ayan-joshi]

NEXT_PUBLIC_BACKEND_URL=http://localhost:4200

@kriptonian1 Yes I have done it already , I have got docker running , api is running too but I cant go past the auth page

[kriptonian1]

Can you show the errors in console

[ayan-joshi]

Can you show the errors in console

[kriptonian1]

Can you show the errors in console

Are you running the api in parallel ?

[ayan-joshi]

Can you show the errors in console

Are you running the api in parallel ?

yes

[kriptonian1]

If you are free then maybe we can get on a call tomorrow

[rajdip-b]

This is related to error in your SMTP creds if im not wrong. I would advise you to call the endpoint from postman once

Can you show the errors in console

[rajdip-b]

@ayan-joshi unassigning due to inactivity