This is the case study for Beije.co Software Developer Internship.
├── README.md
├── next-env.d.ts
├── next.config.js
├── package-lock.json
├── package.json
├── public
│ ├── next.svg
│ ├── thirteen.svg
│ └── vercel.svg
├── src
│ └── app
│ ├── assets
│ │ ├── Gordita Medium.woff
│ │ ├── Gordita Regular.woff
│ │ └── packet.webp
│ ├── components
│ │ ├── Card
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── CreatePocket
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── Footer
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── Header
│ │ │ ├── HamburgerButton
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── Pocket
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── Slider
│ │ │ ├── index.tsx
│ │ │ └── styles.ts
│ │ ├── Tab
│ │ │ ├── index.tsx
│ │ │ └── styled.ts
│ │ └── TabPanel
│ │ ├── index.tsx
│ │ ├── style.js
│ │ └── styles.ts
│ ├── features
│ │ └── value
│ │ ├── type.ts
│ │ └── valueSlice.ts
│ ├── layout.tsx
│ ├── page.tsx
│ ├── store.ts
│ ├── styled.ts
│ └── styles
│ └── App.css
├── tsconfig.json
└── yarn.lock
- /components: Each component may have an another components folder which includes sub-components.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
React, Next.js, TypeScript, Redux Toolkit, styled-components