An Dashboard developed using Next.js, TypeScript, Chakra UI, Framer Motion, Emotion, React Icons and ApexCharts.
- Next.js
- TypeScript
- React Icons
- Chakra UI
- Emotion
- Framer Motion
- React Hook Form
- Yup
- ApexCharts.js
- React Query → Fetch, cache and update data (Server State Library);
- Axios → Promise based HTTP client;
- Mirage.js → API mocking library;
- Faker → Generate data for testing and development;
- Next.js;
- Interfaces using Chakra UI;
- Create Charts;
- Responsivity;
- Pagination;
- Controlled/Uncontrolled Components;
- Forms and Validations;
- Dashboard;
- Data Fetching / Data Sync / Cache Local;
- Stale While Revalidate;
- Revalidate On Focus;
- SSR;