On this repository, you can find a basic implementation of a to-do list app.
You can add new TODO, delete the existing ones, mark them as complete, know how many of them are not completed yet and the total number of items.
The project has 3 files. A html, JavaScript (logic) and CSS (styles) files.
- Clone or download the repository.
- Open the root folder, and open the "index.html" file by clicking it.
As a FrontEnd developer, you need to understand the fundamentals of web development before using a major framework or showing that you can deal with a big project by your own. Based on that, you must first understand the code of the project and how it works.
Once you understand all the presented code, your task consist on implementing the same project using React JS. You must keep all the functionalities that the current project has.
You can use the styles for your implementation and the given logic, but it would be nice to see your own styles implementations.
- Fork this repository
- Recreate the complet app using React
As a BackEnd developer you must know how to define user stories or functional requirements. In this case, we want to store the TODOs for reading them later and not losing them when we close the app. Due to this, you must first define which functions are needed for the implementation of all the current functionalities that the app has (except the ones related to calculate the item count and the unchecked count).
For making this possible we firstly suggest you the following:
- Fork this repository
- Define the model of your TODO using dbdiagram
- Select the database that you will use between MySQL, PostgreSQL and MongoDB (we suggest you to use MongoDB)
- Create the required web services (API REST) using Node.js and Express.js
- Use Postman for storing the invocations of your API and save them in a collection
- Upload all of your code to your cloned repository inside a folder named "back", attach an image of your model and the postman collection (you can export it as a JSON file)
- If there are additional instructions (like configuring the database) for running the app put them in a README.md inside the folder
Make a pull request to this repository with all your implemented changes
Feel free to ask and good luck! 😄