Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nauvalazhar/code-design
Level up your coding skills with hands-on design challenges.
https://github.com/nauvalazhar/code-design
challenges front-end nextjs react
Last synced: about 22 hours ago
JSON representation
Level up your coding skills with hands-on design challenges.
- Host: GitHub
- URL: https://github.com/nauvalazhar/code-design
- Owner: nauvalazhar
- License: mit
- Created: 2022-12-30T18:47:33.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-19T06:15:55.000Z (6 months ago)
- Last Synced: 2025-01-25T04:18:26.795Z (8 days ago)
- Topics: challenges, front-end, nextjs, react
- Language: TypeScript
- Homepage: https://codedesign.dev/
- Size: 138 MB
- Stars: 201
- Watchers: 3
- Forks: 31
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# codedesign.dev
 
[](#contributors-)
As a developer, it's important to continually challenge yourself and improve your skills. Code The Design was created with this goal in mind. We believe that the best way to learn and grow is by tackling real-life projects and challenges, rather than just following along with tutorials or practicing with contrived exercises.
That's why we've created a platform that offers a wide variety of challenges, inspired by real-world designs and use cases. These challenges are meant to push you to think creatively, problem-solve, and develop your skills as a developer.
We understand that everyone has different levels of experience and expertise, which is why we've included a subjective difficulty rating for each challenge. This allows you to choose challenges that are appropriate for your current skill level, and gradually work your way up as you improve.
We also understand that the website is in a very early stage and far from being stable (see our [roadmap](https://github.com/nauvalazhar/code-design/issues/12)). Our focus is on getting the website visible as soon as possible, which is why we don't currently offer pre-exported assets and specific objectives for the challenges. However, we provide Figma design files for each challenge, which you can learn how the designs work and use to export any assets you need.
We hope that Code The Design will serve as a valuable resource for you as you work to improve your skills and become a more confident and capable developer. Happy coding!
## Contributors
Nauval
💻 🎨 🤔 📖
Wisnu Wicaksono
💻 🎨
Fiqry choerudin
💻
Achmad Rivaldi
💻
Perdi
💻 🎨 📖
Hendra Agil
💻
Abdul Malik
💻
ハキム
💻
Yusuf
💻 🎨
M. Mahdani Rahmatullah
💻
Alfan Jauhari
💻
Seya
💻
Altaf Syah
🎨
## UI Designers
Nauval
Visit Profile
Taufik Hidayatulloh
Visit Profile
Mahyu Aspant
Visit Profile
Muhammad Fauzan Alkhairi
Visit Profile
Rafiq Al Hafizh Adha
Visit Profile
Syauqizaidan Khairan Khalaf
Visit Profile
Yohana Marlina
Visit Profile
Dimas Rizky Maulana
Visit Profile
Glenn Vhalado
Visit Profile
BrainStew Studio
Visit Profile
Irham Shidiq
Visit Profile
Dzaki Muzhaffar
Visit Profile
Muhammad Afin
Visit Profile
Arie
Visit Profile
Irvan Moses
Visit Profile
Muhammad Alfian
Visit Profile
Fadhil
Visit Profile
## Contributing
See our [contributing](https://github.com/nauvalazhar/code-design/blob/main/CONTRIBUTING.md) document for more information and UI design contributions, please consult the [UI Design Contribution Guideline](https://github.com/nauvalazhar/code-design/blob/main/CONTRIBUTING_DESIGN.md) document.
## License
[MIT License](https://github.com/nauvalazhar/code-design/blob/main/LICENSE)