This assignment will help in assessing your technical skills. From designer touch to code structure, ES6+ knowledge and React mastery, last but not least proper test coverage.
A TODO app🤪, not very original but it will help us to assess your designer skills😎, knowledge of React frameworks/tools and the JS ecosystem in general.
- React with TypeScript or JavaScript, choose whatever you're more comfortable with
- Jest & React Testing Library
- Zustand, React context or Redux
- Tanstack query (React query)
- React Router
- Tailwind CSS
Following this design
- Create a task manager app that reflects the above design both in terms of responsiveness, UI and UX(make it look alive )
- Add dark theme support to it(use your designer eye for this one😉)
- Add support for i18n(English and French)
- Use dummy todo api for all the CRUD operations
- Unit & component tests(just enough to showcase your testing skills)
- Deploy on Netlify or any other service you want
- Add a clear and concise readme that explains all the needed steps to deploy and run tests of the project in a local environment
To make your application standout from the lot🤓😉
- Make sure all the tasks above are completed before tackling the points below
- Add GitHub actions that run all tests on PR events
- E2E tests 🔥🔥🔥 for at least 2 CRUD operations
- Completing all tasks is mandatory except for the bonus points
- Share the link to your public GitHub repository containing your code
- Share the link to your deployed application(on netlify or elsewhere)
PS: You don't need to wait until the deadline to submit your work😉