/frontendChallenge

a quick challenge for new front end members

Primary LanguageJavaScriptMIT LicenseMIT

Around Front End Challenge 💻 🎟️

image

---

Welcome to the Around Front End Challenge! This challenge is designed to assess your front-end development skills using React, Typescript and multiple technologies. Please read the following instructions and guidelines before starting the challenge.

NOTE: if any of the following topics is not clear, please feel free to ask us any question, or make any assumption that you consider necessary to complete the challenge.

Instructions

  1. Fork this repo.
  2. Modify the code to complete the challenge.
  3. Create a pull request to submit your solution.

Challenge

  1. Create a route to visualize all products with their reviews and be able to add one more.
  2. Create a route to visualize all reviews with their products and be able to add one more. any propusal in terms of design and UX will be welcome.

image image

That's it! You can use any additional libraries or frameworks you want, but make sure to follow the guidelines below.

Things to evaluate from high to low priority

While evaluating your submission, we will consider the following aspects:

  1. Usage of Typescript
  2. Usage of eslint.js , prettier.js and tsconfig.json attached to the project
  3. Be able to use GraphQL schema and graphQL endpoint: https://blue-surf-1040009.us-east-1.aws.cloud.dgraph.io/graphql
  4. Usage of subscriptions to update the UI in real time from any other client
  5. Design and UX proposal

Extra Topics to Evaluate

  1. Code structure and organization: Is the code logically structured, modular, and easy to understand?
  2. Filtering: Any proposal to filter the data from UI or graphql query
  3. Tech stach: Do you suggest any tecnology or library to improve the project?
  4. Typing GraphQL Do you suggest any way to type the graphql schema?
  5. Rules Do you consider that the previous rules are not enough or should be different?, be free to propose any change to the rules in your PR
  6. Responsive design: Does the application provide a flawless user experience across different devices and screen sizes?
  7. Documentation: We love self explanatory code, but we also like any kind of documentation that you consider necessary to understand your code
  8. Extra features: Any extra feature that you consider that could be useful for the project

Feel free to reach out if you have any questions or need further clarification. Good luck, and happy coding! 🚀