• Because user input is very limited, as well as the application's functionalities, there is little use of try-catch.
• The MyCard component (and perhaps others), located in ./src/pages/color/page.tsx, can and should be divided (according to one of the most important principles of React, the 'single responsibility principle'), but it has been decided to leave it as it is.

medium-test-javier-toussent-fis

This app is a TO-DO that loads tasks stored in the Firebase real-time database. Allows you to list, add, modify and delete tasks. It has a very simple and useful alert system.

[note]: Users within Cuba must turn on a VPN for the app to access Firebase.

./public/images/screenshot_2024-05-11_155721.png

• Get tasks from Firebase's Realtime Database
• Add task
• Edit task
• Delete task
• Done task (soon)
• Show alerts
• Open links or email after click over them

• Next.js
• React.js
• Firebase
• TypeScript
• MaterialUI
• Material Icons

1. Clone this repository.
2. Install the dependencies npm install
3. Start the application npm run dev
4. Open http://localhost:3000 with your browser to see the result.

1. npx jest

note: Some files and the real jsx and tsx extensions were ignored (it has been declared .jsx for every file here)

[components] ├── CustomPaper.jsx ├── CustomSnackbar.jsx ├── DynamicButton.jsx ├── StringButton.jsx ├── StringTypography.jsx [lib] ├── fetchTask.js ├── firebaseSingleton.js [public] ├── [images] │ ├── about.jpg │ ├── screenshot_2024-05-11_155721.png [src] ├── [app] │ ├── page.jsx ├── [contexts] │ ├── taskContext.jsx ├── [interfaces] │ ├── interfaces.ts ├── [pages] │ ├── color │ ├── page.jsx [test] ├── utils.test.js [utils] ├── utils.js Dockerfile

Sr. Fullstack Javier Toussent Fis