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

Source on Github

Loading Figma Preview

Nowted App

Nowted is a visually striking and highly functional note-taking app with a variety of features and tools to help users organize, edit, and access their notes. The app has a clean and modern design, with a three-column layout that allows users to easily navigate and access their notes. The first column is a sidebar that contains a list of folders, recent opened files, a search function, and other features. The second column is a list of the files in the opened folder, and the third column is a WYSIWYG (What You See Is What You Get) editor that allows users to edit and format their notes. It is a key part of the user's overall note-taking experience, and can be used to organize and access notes in a variety of ways.

How to Start

To begin the challenge, you will first need to download the design file from the provided link. This will give you access to all of the necessary design elements and assets that you will need to complete the challenge.

Next, take some time to study the design and understand how it works. Look at the layout, color scheme, typography, and overall aesthetic to get a sense of the look and feel of the design.

After you have a good understanding of the design, you can start exporting all of the necessary assets. This may include images, fonts, and other elements that you will need to use in your code.

Finally, it's time to start implementing the design into code! Use your exported assets and the design file as a reference as you work to create a functional and visually appealing implementation of the design.


UI designer