34 | We're still working on this page. Currently you can only view your 35 | profile. 36 |
37 | 38 | ); 39 | } 40 | -------------------------------------------------------------------------------- /app/(authenticated)/me/submission/[[...params]]/page.tsx: -------------------------------------------------------------------------------- 1 | import { SubmissionMode } from 'app/actions'; 2 | import { notFound } from 'next/navigation'; 3 | import { getAuthId, isUserReviewer } from 'services/auth-service'; 4 | import { getSubmissionBySlug } from 'services/submission-service'; 5 | 6 | import Box, { BoxTitle } from 'components/Box'; 7 | import SubmissionForm from 'components/SubmissionForm'; 8 | 9 | export const metadata = { 10 | title: 'Submission' 11 | }; 12 | 13 | export default async function Page({ 14 | params: { params } 15 | }: { 16 | params: { params: string[] }; 17 | }) { 18 | const slug = params[0]; 19 | let mode = (params[1] || 'edit') as SubmissionMode; 20 | const submission = await getSubmissionBySlug(slug); 21 | const isReviewer = isUserReviewer(); 22 | const userId = await getAuthId(); 23 | 24 | if (isReviewer) { 25 | mode = 'review'; 26 | } 27 | 28 | if ( 29 | (mode === 'review' && !isReviewer) || 30 | (submission.reviewer && submission.reviewer?.userId !== userId) 31 | ) { 32 | notFound(); 33 | } 34 | 35 | return ( 36 |58 | {dateFormat(submission.createdAt)} - {submission.phase} -{' '} 59 | {submission.user.name} 60 |
61 |12 | As a developer, it's important to continually challenge yourself 13 | and improve your skills. Code The Design was created with this goal in 14 | mind. We believe that the best way to learn and grow is by tackling 15 | real-life projects and challenges, rather than just following along 16 | with tutorials or practicing with contrived exercises. 17 |
18 |19 | That's why we've created a platform that offers a wide 20 | variety of challenges, inspired by real-world designs and use cases. 21 | These challenges are meant to push you to think creatively, 22 | problem-solve, and develop your skills as a developer. 23 |
24 |25 | We understand that everyone has different levels of experience and 26 | expertise, which is why we've included a subjective difficulty 27 | rating for each challenge. This allows you to choose challenges that 28 | are appropriate for your current skill level, and gradually work your 29 | way up as you improve. 30 |
31 |32 | We also understand that the website is in a very early stage and far 33 | from being stable. Our focus is on getting the website visible as soon 34 | as possible, which is why we don't currently offer pre-exported 35 | assets and specific objectives for the challenges. However, we provide 36 | Figma design files for each challenge, which you can learn how the 37 | designs work and use to export any assets you need. 38 |
39 |40 | We hope that Code The Design will serve as a valuable resource for you 41 | as you work to improve your skills and become a more confident and 42 | capable developer. Happy coding! 43 |
44 |46 | You have the freedom to choose the technologies that you feel 47 | comfortable using in order to complete the challenges on our website. 48 | We do not have a preferred tech stack, and we welcome developers from 49 | all backgrounds and skill levels to participate in our challenges. 50 | Whether you prefer to use front-end technologies like HTML, CSS, and 51 | JavaScript, or back-end technologies like PHP, Python, or Ruby, you 52 | are free to use whatever tools and frameworks you feel most 53 | comfortable with. Our goal is to provide you with real-life use case 54 | challenges that allow you to showcase your skills and abilities, and 55 | we believe that the best way to do this is by giving you the freedom 56 | to choose the technologies that work best for you. 57 |
58 |60 | We are glad that you are interested in contributing to our project. As 61 | a reminder, our project is open source and we welcome contributions 62 | from anyone who is interested in helping us build a better product. 63 |
64 |65 | We believe that open source projects thrive when there is a diverse 66 | range of perspectives and skillsets involved. Whether you are a 67 | developer, designer, or simply have an idea that you think could 68 | improve the project, we encourage you to reach out and get involved.{' '} 69 |
70 |71 | There are many ways you can contribute to our project. You can submit 72 | bug reports and feature requests, help us by testing new features and 73 | fixing issues, or even contribute code or design assets directly. No 74 | matter how you choose to get involved, your contribution will make a 75 | difference and help us to continue building a great product. 76 |
77 |{children}
36 | ); 37 | }; 38 | 39 | export const BoxTabs = ({ children }: { children: React.ReactNode }) => { 40 | return ( 41 |48 | Design by {designers[0]}{' '} 49 | {designers.length > 1 && `+ ${designers.length - 1} others`} 50 |
51 |{children}
; 13 | }; 14 | 15 | const EmptyStateImage = ({ src, alt }) => { 16 | return