Desktop design

Profile page

Preview page

Tablet design

Mobile design

Link-sharing app

ce="next"><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/webpack-c66ce4195da570ce.js"><scrip

relative"><input type="email" data-slot="form-control" class="border-input file:text-foreground text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-12 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:shadow-primary/25 focus-visible:ring-[1px] focus-visible:shadow-[0_0_32px_0] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive pl-10" placeholder="e.g. alex@email.com" id=":R2puunbb:-form-item" aria-describedby=":R2puunbb:-form-item-description" aria-invalid="false" name="email" value=""><img a

relative"><input type="password" data-slot="form-control" class="border-input file:text-foreground text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-12 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:shadow-primary/25 focus-visible:ring-[1px] focus-visible:shadow-[0_0_32px_0] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive pl-10" placeholder="Enter your password" id=":R4puunbb:-form-item" aria-describedby=":R4puunbb:-form-item-description" aria-invalid="false" name="password" value=""><img a

Please log in to post a comment

Community feedback

Link-sharing app using NextJS & Firebase

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community