XChallenge - Frontend Engineer

Project Description

This project is built using Vite along with React Router for routing, embracing modern React patterns with Hooks & Contexts for state management.

Installation

To install dependencies, run:

yarn install

To launch the application, run:

yarn run dev

Libraries

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.

Live Demo

Check out the live demo here.

Documentation

ToDo

  • 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.