I developed a movie chart site named “NMP” that showcases popular recent movies as part of a mini-project.
I used Next.js and TypeScript, and it is deployed on Vercel.
This project was built following the "Next.js" course by Nomad Coders, with some customizations in functionality and design.
• Client : HTML, CSS, Next.js, TypeScript
• Version and issue management : Github
• Deployment environment : Vercel
• Design : Adobe Illustrator, Adobe Photoshop
├── README.md
├── app
│ ├── (home)
│ │ ├── error.tsx
│ │ ├── loading.tsx
│ │ └── page.tsx
│ ├── (movies)
│ │ └── movies
│ │ └── [id]
│ │ ├── error.tsx
│ │ ├── loading.tsx
│ │ └── page.tsx
│ ├── constant.tsx
│ ├── layout.tsx
│ └── not-found.tsx
├── components
│ ├── about
│ │ ├── about.tsx
│ │ ├── credit.tsx
│ │ ├── similar.tsx
│ │ └── video.tsx
│ ├── footer
│ │ └── footer.tsx
│ ├── movie
│ │ └── movie.tsx
│ ├── navigation
│ │ └── navigation.tsx
│ └── swiper
│ └── swiper.tsx
├── next-env.d.ts
├── package-lock.json
├── package.json
├── public
│ ├── Image
│ │ ├── exclamation.png
│ │ ├── expand.png
│ │ │ .
│ │ │ .
│ │ └─ .
│ └── main.png
├── styles
│ ├── footer
│ │ └── footer.module.css
│ ├── global.css
│ ├── home
│ │ └── home.module.css
│ ├── movie
│ │ ├── about.module.css
│ │ ├── credit.module.css
│ │ ├── movie.module.css
│ │ ├── similar.module.css
│ │ └── video.module.css
│ ├── navigation
│ │ └── navigation.module.css
│ └── swiper
│ └── swiper.module.css
└── tsconfig.json