- Next.js + Typescript
- Tailwind CSS
- Ant Design (Design System)
- page.tsx
- contains Container
- Container
- contains Template
- handle all props
- handle business logics
- Template
- contains Modules
- set layout
- Module
- contains Components and Atoms
- Component
- Atom
- Basic component declared in Figma
- /sample/empty : to understand design pattern
- /sample/home : default page with header and footer
- /sample/pageWithModal
- /sample/pageWithForm
- Figma Link - work to do
- No questions allowed before your mission is done
- This is part of our process
- You can ask question after your misssion is completed
- Use ESLint required
- Step 1.
- Request your github account to be invited
- Step 2.
- Analyze the given code pattern
- Understand the structure and functionality of the code
- Step 3.
- Create a folder with a short name under the
/app
directory. - Example:
/app/david
- make your own branch from dev
- git checkout dev
- (dev) git checkout -b david
- (david) git push origin david
- Create a folder with a short name under the
- Step 4.
- Create one Pull Request (PR) for each route
- /app/david/testPage1
- branchName : david_testPage1
- Create a PR when your work is done
- /app/david/testPage2
- branchName : david_testPage2
- Create a PR when your work is done