You can preview the challenge: https://coding-challenge-jet.vercel.app/
The project is built with Next.js, Tailwind Css, TypeScript, React.js.
- Components follow atomic design inside src/components separated into atoms, molecules, organisms etc.
- Compound component pattern with Context API was used for Tabs and Accordion for its individual component work together to have a shared state and handle logic together.
- Standalone components are created for better flexibility.
- Constants for dummy data were used to replicate real world behaviour.
- Contexts are created in a separate folder inside src/components.
- Types are well defined.
- Animations for Tabs and Accordion with a hover effect on card for interactivity is used.