Skip to content

06 ~ 10

Jin edited this page Feb 9, 2022 · 7 revisions

06. Image carousel

|   index.html
|
\---src
    |   App.js
    |   main.js
    |
    +---assets
    |       images.js
    |
    +---components
    |   +---base
    |   |       Button.js
    |   |       Image.js
    |   |       index.js
    |   |
    |   \---domain
    |           ImageWrapper.js
    |           index.js
    |           IndexImage.js
    |
    \---style
            style.css

07. Digital clock

|   index.html
|
\---src
    |   App.js
    |   main.js
    |
    +---components
    |       Clock.js
    |       index.js
    |
    +---style
    |       style.css
    |
    \---utils
            convertDate.js

08. Calculator

|   index.html
|
\---src
    |   App.js
    |   main.js
    |
    +---components
    |   +---base
    |   |       index.js
    |   |       Number.js
    |   |
    |   \---domain
    |           index.js
    |           Table.js
    |           Total.js
    |
    \---style
            style.css

09. Grocery list

|   index.html
|
\---src
    |   App.js
    |   main.js
    |
    +---components
    |   +---base
    |   |       GoogleIcon.js
    |   |       index.js
    |   |       Input.js
    |   |       Text.js
    |   |
    |   \---domain
    |           index.js
    |           TodoForm.js
    |           TodoItem.js
    |           TodoList.js
    |
    +---style
    |       style.css
    |
    \---utils
            storage.js

10. Tip calculator

|   index.html
|
\---src
    |   App.js
    |   main.js
    |
    +---components
    |       Button.js
    |       index.js
    |       Input.js
    |       SelectBox.js
    |       Text.js
    |       Toast.js
    |
    +---style
    |       style.css
    |
    \---utils
            calculate.js

Clone this wiki locally