You are tasked with building a web application that allows users to create and manage their to-do lists. The application should consist of a responsive webpage built in React, and an API built in Node.js to store and manage the to-do lists.
If you feel more comfortable, you can pick another React framework and show us your skills.
If you feel more comfortable, you can pick another Node JS framework and show us your skills.
Open the layout mockup in desktop and mobile version and follow this design as much as possible.
- Users should be able to create, read, update, and delete to-do items using the API.
- Users should be able to mark an item as a favorite.
- Users should be able to set a color for each to-do item.
- The React frontend should display the user's to-do list in a responsive and visually appealing manner, with the ability to filter by favorite items and color.
- The favorited items should be displayed at the top of the list.
- The backend API should be built in Node.js framework and use a database of your choice (e.g., MongoDB, PostgreSQL, etc.).
- The frontend should be built in React and use modern web development tools and best practices.
- The application should be responsive and visually appealing.
- A link to a GitHub repository containing the complete source code for the project.
- A written description of how to set up and run the application locally.
- Code Quality
- Code Format
- Code Perfomance
- Frontend Design
- If your code is Easily Readable
- Mobile First approach
- Code Responsability
- Features Work
- Responsiveness
- Does the application meet the functionality requirements listed above?
- Is the code well-organized, easy to read, and well-documented?
- Are modern web development tools and best practices used?
- Is the application visually appealing and responsive?
Repository:
- Node: ^16.15.0
- NPM: ^8.5.5
- Framework: Adonis TS or any other node framework you know.
- Database: Choose your own, you can even save in memory.
Repository:
- Node: ^16.15.0
- NPM: ^8.5.5
- Framework: React TS
- Sass or other preprocessor
If you feel comfortable and want to impress us even more, you can do the following:
- Work on correct types and interfaces
- Work on eslint rules
- Work prettier config
- Work on docker containers
- Work on tests
- Work on CI/CD
Create a file PULL_REQUEST.md where you will describe what you did and how in as much detail as possible. Feel free to add videos for better explanation.
Create a new pull request using the same branch name for Backend and Frontend
Send us the pull requests and that's all!