nauvalazhar / code-design Goto Github PK

View Code? Open in Web Editor NEW

200.0 3.0 32.0 138.99 MB

Level up your coding skills with hands-on design challenges.

Home Page: https://codedesign.dev/

License: MIT License

JavaScript 2.30% CSS 3.01% Shell 0.30% TypeScript 94.39%

challenges front-end nextjs react

code-design's People

Contributors

Stargazers

Watchers

code-design's Issues

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Agencys - Landing Page UI Design

Figma Community URL
(https://www.figma.com/community/file/1208800587833558237)

Your Figma Profile
The URL of your Figma profile. https://www.figma.com/@rafiqadha

[Feature] Submission & XP System

Let's have the submission page and the XP system to make the challenge more engaging.

Submission is a page that would allow the dev to upload their challenge's solution. Each submission contains at least a description, demo URL, and tech stack information.

All the submissions would go through the approval system, and after the submission is approved, the dev would earn some XPs.

I still don't have any idea about the tech that we can use, but I think the GitHub repository's issues API would be the easier way to implement. But, we still need to find a way to store the user's XP data.

I don't want to build an entire back-end infrastructure only for this feature to be implemented.

Some other advanced options:

Let's have a discussion.

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Al Nasr - Website Al Hajj and Umrah

Figma Community URL
Your UI design URL to the Figma community.

Your Figma Profile
The URL of your Figma profile. For example, https://figma.com/@rafiqadha

Read license link on challenge page unreadable

Is your feature request related to a problem? Please describe.

Hi,

I think the link to the license agreement on the challenge page is not very clear. At first, it doesn't appear to be a clickable link until you actually try to click it.

Describe the solution you'd like
Maybe adding an underline would help to clear it? Since on the other page, link have underline on it.

Describe alternatives you've considered
Or maybe add the underline on hover, but i think it would be great to have it by default for consistency.

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Eventnity - Landing Page Ticket UI Design

Figma Community URL
https://www.figma.com/community/file/1210265697580558125

Your Figma Profile

[Feature] Responsive web design

Currently, the website is not friendly for mobile users. Let's make the website responsive.

[Feature] Adding OG metadata for improve viewer

Is your feature request related to a problem? Please describe.

No, i think if we adding og metadata its nice to have when paste a link and the crawl will be show metadata
that mean for improve view when user see metadata in every crawl platform like facebook, twitter, discord

what about you @nauvalazhar

[Feature] Feature by Categories

Is your feature request related to a problem? Please describe.
When I want to search for some design, but I want to concern to find Category Page Only

Describe the solution you'd like
Make button row by Category at button after difficult option.

Describe alternatives you've considered
..

Additional context
I want to contribute the feature if you agree to my feature

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Omah - Real Estate Website Design
Your UI design project name. Must be short.

https://www.figma.com/community/file/1213834016475813705
Your UI design URL to the Figma community.

https://www.figma.com/@dzakiimuzh
The URL of your Figma profile. For example, https://figma.com/@mhd

Roadmap

We won't release the v1.0.0 version until some features are already implemented:

Update:
Since we use a new Next.js 13 App Dir, we should wait for the stable release.

[Feature] Pre-exported assets & specification section

Each design challenge should have a button to download all pre-exported assets, it would be easier for the dev, and no need to export all the assets on their own.

Todo:

Update

We need a specification section as well for each design. That section contains the following entities:

Typography
Container width
Grid information
Colors

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Agency Landing Page

Figma Community URL
Your UI design URL to the Figma community.

Your Figma Profile
The URL of your Figma profile. For example, https://figma.com/@glennvhalado

[Feature] Can be scrolled up using back-to-top button

Is your feature request related to a problem? Please describe.
Sometimes feels frustrated when it's already at the bottom and want to back to top of the page.

Describe the solution you'd like
Back-to-top button may help this problem

Describe alternatives you've considered

Additional context

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
TAILOR

Figma Community URL
https://www.figma.com/community/file/1222591392920510949

Your Figma Profile
https://figma.com/@ariar

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Hangeulin

Figma Community URL
https://www.figma.com/community/file/1207962513945950554

Your Figma Profile
https://www.figma.com/@muhammadfauzana

New UI Design Contribution

Make sure you have read our contributing guidelines before submitting this issue.

Name
Construction Landing Page | Jhontraktor Clone

Figma Community URL
https://www.figma.com/community/file/1209577571885853711

Your Figma Profile
https://figma.com/@brainstewstudio

"Malaka" is a swear word in Greek

Was kind of funny to me, being Greek, but just thought I'd let you know. ;)

https://translate.google.com/?sl=el&tl=en&text=malaka&op=translate

Reduce image size

Is your feature request related to a problem? Please describe.
As mentioned in #65, images are all in full resolution of over 1k pixels and averaging ~3MB, loading them are painfully slow and consumes a lot of bandwidth.

Describe the solution you'd like
Crop with the recommended 2:1 aspect ratio (eg: 1200 x 600 pixels).

Describe alternatives you've considered
Resize and compress every challenge images.

Additional context
I found that the images serve no purpose other than as thumbnails in the landing page, the challenge page uses Figma for the preview anyway.

This would also help future contributors by reducing the repository size (yay)