This project is built using Vite along with React Router for routing, embracing modern React patterns with Hooks & Contexts for state management.
To install dependencies, run:
yarn install
To launch the application, run:
yarn run dev
This project makes use of the following libraries:
- React Query: for server state management in React.
- React Hook Form: for flexible and extensible forms with easy-to-use validation.
- Tailwind CSS: for a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
- Heroicons: for beautifully hand-crafted SVG icons.
- React Select: for a flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.
- React Modal: for accessible modals in React applications.
- Slick Carousel: for carousel feature.
Check out the live demo here.
- For React Query documentation, visit TanStack Query.
- For Tailwind CSS documentation, visit Tailwind CSS.
- Implement loading states across the application.
- Handle errors gracefully and inform the user accordingly.
- Add tests to ensure reliability and prevent regressions.
- Further decouple components for better maintainability and reusability.
- Improve carousel fetching events.