Owner: Nutchapon Hanouypornlert
Email: [email protected]
As requirement to create one single page with responsive display using any framework.
I've choose NextJs to create this project and using Tailwind to styling our project since this have a nice project structure and i design to apply scalable project structure in this even if it only create one single page.
.
├── public
│ └── assets
│
├── src
│ ├── app (next js routing system)
│ ├── components (next js routing system)
│ ├── contexts (reusable contexts)
│ ├── hooks (reusable hooks)
│ └── views (encapsulate feature views)
| └── app (app route feature)
| ├── Main.tsx
| ├── components
| └── helper
│
│
├── tailwind.config.ts
└── tsconfig.json
- using node version 20.0 above
- run
npm install
- run
npm run dev
- Desktop Screen
- Table Screen
- Mobile Screen