This project was built to get familiar with Tailwind CSS. The home page will list all my completed projects in the future. Since the main goal is to get familiar with Tailwind CSS, the following projects will not focus too many on JavaScript.
| Project | Description | Demo | Frontend Mentor |
|---|---|---|---|
| profile-card-component | A simple profile card component | link | link |
| advice-generator | An app generating rendom advice | link | link |
| order-summary-component | A simple order summary component | link | link |
| sunnyside-agency-landing-page | A landing page | link | link |
Each project has their own page file in pages folder, and the components file are placed in components/{project-name} folder. For example, if you want to find the corresponding files of sunnyside-agency-landing-page, the page file is pages/sunnyside-agency-landing-page.tsx and all the components files will be placed in components/sunnyside-agency-landing-page folder.