Participando en la emulación de No Country, realizamos un rediseño de Binance Lite basado en los principios de simplificación de “The laws of simplicity” de John Maeda, apuntado a crear una interfaz más amigable para los principiantes.
Entendemos que el mundo del trading puede resultar complicado y abrumador para aquellos que recién comienzan, por lo que queremos lograr una reversión en la que se sientan cómodos, centrando su atención en los conceptos básicos y las operaciones esenciales.
-
Back: https://binance-production.up.railway.app/api/v1/docs#/ ó https://binance-nocountry.zeabur.app/api/v1/docs/#/
- | |
- |
PM | |
---|---|
Paulo Crosetti | Frida Azul Varela Lucius |
Maria Belen Fernandez Morales | - |
FrontEnd |
---|
Dependencias |
---|
BackEnd |
---|
![]() |
Dependencias |
---|
UX/UI |
---|
![login o registro](https://private-user-images.githubusercontent.com/72580574/270356964-afdcf9eb-4a52-4bcc-baec-fda978777d5e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzNTY5NjQtYWZkY2Y5ZWItNGE1Mi00YmNjLWJhZWMtZmRhOTc4Nzc3ZDVlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2MjU4N2JkMzc3MDI2NmIwNzllNzNjODMxMzUwNzY4MWU1ZWRmM2IxNDIzOGQ5M2JhNzcyYTkzNmQ1YjlkYWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.zcZDQ8pxi9zwizJeqfcQDWz-w02160iZwUKK3kZrAX8)
-
El usuario se registra con correo electrónico y contraseña.
-
Siempre se va informando al usuario de los errores, para poder corregirlos y completar con exito el registro.
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270422064-c292269a-eb74-4c8f-b38f-4dd9dbc6cc48.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0MjIwNjQtYzI5MjI2OWEtZWI3NC00YzhmLWIzOGYtNGRkOWRiYzZjYzQ4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNkNDFhZWEwOGFlMDhlNWQzZjUyMDU2M2FlMWZiZDkxNTI3MDdlYWRkOGJhNmJjYTRiZTk4MDE2NDM4NzFiNTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.jvqSZAIdmz4R3rqTR_cmtLZbCiPv5x8tJJZBioCDAOA)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270422455-6b2b5e4a-7c7f-4df5-8ada-7d078cd67279.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0MjI0NTUtNmIyYjVlNGEtN2M3Zi00ZGY1LThhZGEtN2QwNzhjZDY3Mjc5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMyODg1NDE3NDQ5MTMxYWZlMjBkYzQ0MTRhOTg4ZDA5ZmRjMDlmMmViZGFiMzNmOTUyMzk1ZTc0NjA4NWVlNWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ps_A-tcZyXBfSRRMRVq0sDg-BA3M9ilbA7_zy9sr3IM)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270422552-afd162b8-a02d-4229-993a-c497e27b0e19.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0MjI1NTItYWZkMTYyYjgtYTAyZC00MjI5LTk5M2EtYzQ5N2UyN2IwZTE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY4MWUwZmQ0NTI4ZmE5ODNlNmRlZTI0NDcyNGI5ZWM0ZjllYzI2YTMzOTA5Yzc3OGQxOTNjMDk1Zjg4NjAzNzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.I_Ja4D6qV84yHFjsEjZK0Qa5i8hTsN-GlWxK0or9tYY)
- Siempre se le informa al usuario si hay errores al completar, si ocurre algún errores al hacer la acción, como en la segunda imagen que se informa que el correo o la contraseña son erroneas.
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270358266-d9726fdb-e4bd-499c-ab0f-e7bf2fd2f86b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzNTgyNjYtZDk3MjZmZGItZTRiZC00OTljLWFiMGYtZTdiZjJmZDJmODZiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFiN2NkM2VmMGE1ZjEzN2VlMjMxZThlZDJlNzZmNWJiMzFiMzU5MDJjYWFkNTk3ZjAwZGVkNGY5NjM5ZWRmYzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wl-WtrV3xgatz9oPloCxNbjZY8uIsUBfzl58BP9V1fE)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270358512-97c31ebd-9b0f-4d22-bcd6-12b9391a7e54.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzNTg1MTItOTdjMzFlYmQtOWIwZi00ZDIyLWJjZDYtMTJiOTM5MWE3ZTU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcxNDYwNzQ1Y2ZkOTFjZjA0YWI0ZjViOTc4MzFjZGRmZmFjZDU2YTlmZTkxMjJiODk4NDM3ZDlkODk5ZTIzMjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CYtGg4AL_7lQaCAKswCca1eYvJbXQUKzpd-9yF0hJbU)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270359062-b49f2fe6-658a-4265-997f-a388cd7f17bb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzNTkwNjItYjQ5ZjJmZTYtNjU4YS00MjY1LTk5N2YtYTM4OGNkN2YxN2JiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk0ZGExNWMwNjk2YTg0ODQzYjUwZjk3NjJkZDhjNDg5NjgwMjc5ZGJiNzViOGZhNGRhZGY4YTEyY2QwMmIzZjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ltIyajJBoY_GSj61RBMNxRflGGkFTLXk8mJ7JB9VvxI)
Una vez que se inicia sesión se ingresa a la pantalla de mercado, donde...
... se puede ver el saldo u ocultarlo
... tenemos un slider con las criptomonedass más vendidas
... tenemos la tabla para ver a los que venimos siguiendo en Lista de seguimiento y podemos ver todas las criptomonedas en Monedas
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270381225-b2992213-3793-49e7-80d9-ca2b8edd1c24.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzODEyMjUtYjI5OTIyMTMtMzc5My00OWU3LTgwZDktY2EyYjhlZGQxYzI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJmMzgwNjYwZjBhYzA3OWZhMzZkZTk3YTY0OTYzNjI0ZDYzY2UzMDEzM2M1ZGEzODA1YzJjZWFjMDA1N2JkY2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bxOvgkD6TqTcfF7Tp1e3a3_t4Y3-7ypkboQYzK7ZglQ)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270381557-a7e02ba8-fe1f-4cb2-860b-693166c960a6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzODE1NTctYTdlMDJiYTgtZmUxZi00Y2IyLTg2MGItNjkzMTY2Yzk2MGE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ2NGZjNThkMzZjNmFkYjJjMjRlNWFlMjBkMjk5ZTE5YTY3NmMxZDkyOTY2MzMyNDBkYTdiOWMyZGFmZDdiZmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GMYHv_qMhw4Vg7H1rSQYY4DQhJzxHm5-7E8f0fAX4AU)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270381899-3eb3e262-effd-48df-be1e-cc83b7208055.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzAzODE4OTktM2ViM2UyNjItZWZmZC00OGRmLWJlMWUtY2M4M2I3MjA4MDU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ2ODVhZmJjYTI4YTYxM2NkMzY4YmMyMzU4Y2U2NDBkYWFmODQ0YTg3ZDc4NWY0MjAwYjA2MzBhM2Y3Y2NiM2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Fy0pvf-Khy0WeCTEUjvPvi0Yfi2QJxr_QKz5DcT16Oc)
![inicio de sesion](https://private-user-images.githubusercontent.com/72580574/270487148-13fedb69-8572-4b77-97e9-443d8bb8db49.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0ODcxNDgtMTNmZWRiNjktODU3Mi00Yjc3LTk3ZTktNDQzZDhiYjhkYjQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIzY2EwZWZlMGJiOWU5ODFmYjA5Zjc2M2JlYzJhNTNjN2QxMTc1NTY2ZTY4NDJlZWJlNDY2NjM1MTZjNTgxOTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.JLKN01cOVUILfQFzoyQl248jdzSnDbadCw3p-g3EKq8)
1er pantalla: Lista de monedas // 2da pantalla: Lista de seguimiento // 3ra pantalla: Desde el listado de monedas se puede agregar o sacar de la lista de seguimiento (las criptomonedas favoritas) // 4ta pantalla: desde el navbar podemos comprar y vender las criptomonedas
![lista de favoritos](https://private-user-images.githubusercontent.com/72580574/271735711-e503792e-4279-4ba7-8110-a4d552fc2ea0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzE3MzU3MTEtZTUwMzc5MmUtNDI3OS00YmE3LTgxMTAtYTRkNTUyZmMyZWEwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlOWMyZmE2ZTFiZjhiMDVmZTYwNjg5MmEyMGQyYmU5MzM0YmFhNWM4NDFmYzliMWJmYzRjZGZkNzc1YThjZjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cpY-mtMVtP9uM6mzwKaERh3YDOeeJBtjwf0I5yjo5v8)
![agregar a favoritos](https://private-user-images.githubusercontent.com/72580574/271735789-5f3c0787-ed76-4127-8702-08fb0705f958.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzE3MzU3ODktNWYzYzA3ODctZWQ3Ni00MTI3LTg3MDItMDhmYjA3MDVmOTU4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1YzAzYWZkNjU4YjMyNGIwNmE2MWE1NTBlMjFmMmMwZGVlOTA5MDE0YjEwMzdjNTA3Njg0MzdhNDg0OWUwMzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.uuOmNpOpneYT50TP51PIM6EUg2N3x1E5E9gO0v-ae6o)
1er pantalla: Lista de favortios // 2da pantalla: Como hay un máximo de favoritos si se quiere agregar màs, se avisa al usuario
- Una vez que se elige desde el navbar la opción de compra se accede a la pantalla
![pantalla de compra](https://private-user-images.githubusercontent.com/72580574/270488906-b28560c6-b730-46ae-9507-3e3a5bda527b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0ODg5MDYtYjI4NTYwYzYtYjczMC00NmFlLTk1MDctM2UzYTViZGE1MjdiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY4ODUzY2U2ZDU1MjQwYzgwMDY2MTJiODU0ZmMwNTk5ZWM2NGY2MTYxZWMwMWVmZDVmNmM3YzFlNjY2ODFmZGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Xv0qVMKv0Q7xFRHdpHViRD9g3yiP7zdZ1m0FNrZPKqU)
-
Se puede filtrar por el nombre y elegir la criptomoneda para comprar y en el proximo paso ingresamos la cantidad
-
Elegimos le metodo de pago y tenemos un resumen de lo que sera la compra. Y luego completamos los datos de la tarjeta.
![pantalla de compr](https://private-user-images.githubusercontent.com/72580574/270489226-ec4a5159-9078-4afb-ba7b-14f249071788.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0ODkyMjYtZWM0YTUxNTktOTA3OC00YWZiLWJhN2ItMTRmMjQ5MDcxNzg4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE1OGJlMjAzMDNhMzMwZmVjZjZhMmNjZDA4YmExMmYwNTExM2U2NzkyYzI4NDI3ZDBlYTRiY2Q3MGNkYzliNGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Cu-Dp_O0TybdT7j5SwlhA29YfKZmRvlciTk49-JYql0)
![pantalla de compr](https://private-user-images.githubusercontent.com/72580574/270489868-1a265a4d-bb81-41d9-8b44-13d872b00feb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0ODk4NjgtMWEyNjVhNGQtYmI4MS00MWQ5LThiNDQtMTNkODcyYjAwZmViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ2MzdiZDRkMDAxNzI1ZmJlNjU3MWVmYjU4YTJiMDgxYTc2YjVlMDVhMzk1YWRiNDc0OWVlYjA3NTEwMTNiYzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3wy4mQLJeRRDbvbr70yAPMgsc0THm1W5t1qd6yVmpDM)
![pantalla de compr](https://private-user-images.githubusercontent.com/72580574/270489991-53714864-b502-41b3-8c03-c15fc10be63d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0ODk5OTEtNTM3MTQ4NjQtYjUwMi00MWIzLThjMDMtYzE1ZmMxMGJlNjNkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcwMjY4NThmMDM2OGJjOGM5ZDhmMzk1NjMxMDU2YjMzYmQxODY5MmYxNjgwNDc3NDliMDU5Y2QwNWUzNWRjZmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UUJUN_iWUnXMIDfZNUfqQdOcIofKjrVgiabYtABf1Ao)
![pantalla de compr](https://private-user-images.githubusercontent.com/72580574/270490160-1862a26a-d771-4ceb-b0d4-f297362f1aab.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0OTAxNjAtMTg2MmEyNmEtZDc3MS00Y2ViLWIwZDQtZjI5NzM2MmYxYWFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY1Y2U3YzEwMzE0MWViNjZiYzI3OTM4NGYxNzYzNzdiY2M1ZDgxM2UzYTAwM2QyNmE5Yjg2YWZjMmMyMmQxNzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZId9AGVVkWzs6U37NcGcvZnYltW0YCMHH7RUgpahcss)
![pantalla de compr](https://private-user-images.githubusercontent.com/72580574/270490361-9f5c5993-a487-4296-872f-b85cc5e026d7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzA0OTAzNjEtOWY1YzU5OTMtYTQ4Ny00Mjk2LTg3MmYtYjg1Y2M1ZTAyNmQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM2ZTRkMWRiODY0YjhmNDQwY2E3OTJmZDY0MDBiYmRkNmEwZDFlYzMyYTc5NmJkOWFlNWRhYzA0MGFhYThjMTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WMcjxCWSWzDXuiD-UgTCp6o8d-Cn8v0MnO22iZQQ_A0)
![pantalla de cartera](https://private-user-images.githubusercontent.com/72580574/271341718-6a33e734-9891-47a1-92ef-824a288af530.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwMTYxMjYsIm5iZiI6MTcxOTAxNTgyNiwicGF0aCI6Ii83MjU4MDU3NC8yNzEzNDE3MTgtNmEzM2U3MzQtOTg5MS00N2ExLTkyZWYtODI0YTI4OGFmNTMwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIyVDAwMjM0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyNTI4YTg5Yzg3MDEyMThjZTNlZjljMTcwY2ZhOWIxMjRkMDM0ZTg2YmNhM2FkYjhhYjVjNGQ3NjFlYjY2NmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.MveJrIwItWtSZa06evg9mnF1M4fa1eYEYCBtFOEde_k)
Utilizamos la metodología ágile y scrum.
Intentamos coordinar con nuestro UX/UI para contar con la información en Figma y con el grupo de BackEnd para tener los servicios a utilizar en las tareas de cada Sprint.
Creamos un MVP y dividimos las tareas en sprints (con duración de una semana):
-
Registro
-
Logueo
-
Ver la pantalla de mercado, seleccionar/deseleccionar favoritos e ir a compra
-
Ver la pantalla de compra
-
Ver la pantalla de venta
-
Ver la pantalla de billetera
-
Crear el Footer, Header y Navbar
-
Pantalla de Login y Registro, la maquetación, sin la funcionalidad
-
Pantalla de mercado, por el momento se trae la inforamcion desde una API publica, para luego unir con el Back
-
Creacion de base de datos para login y registro
-
Se ajusta tanto el login como el registro para poder conectar back y front
-
Se ajusta la pagina de market para traer la informacion de las monedas ya con el back y dejar la API
-
Se rediseña la tabla que muestra las monedas, apra poder reagruparlas por la información que muestra en columnas, siempre manteniendo mobile first, es responsive en todos los dispositivos.
-
Se pasa a un context tanto la informacion de login como las monedas, y se hacen los ajustes en la parte de login, los condiconales para mostrar o no el navbar dependiendo de si esta logueado o no. Tambien se ajusta como se muestra la moneda en la pagina de market.
-
Se crea un contexto para un estado general de carga, asi cuando se está realizando el llamado de datos, se pone la pantalla griseada y se ve una animación similar a la de Binance de las barras al cargar. Asi el usuario sabe que se esta haciendo una carga o busqueda.
-
Se completa la funcionalidad para agregar o sacar monedas favoritas
-
Se continua con las paginas de compra y venta
-
Se agrega la pagina Not Found que redirige a market en el caso de ser un usuario ya loguedo.
-
Se finalizan las paginas de compra y venta
-
Se ajustan los datos del usuaurio para mostrarlos una vez logueado
-
Se realiza la página de billetera
-
Se hicieron varios ajustes en el layout y ajuste en el responsive.
-
Se completa la funcionalidad de favoritos, para poder agregar o eliminar las cryptomonedas de la Lista de Seguimiento.
-
Se guardan algunos datos en el localStorage para que siempre esten visibles y no se borren si se actualiza la página.
- 1ro: copiar el repositorio con:
git clone https://github.com/No-Country/s10-03-t-node-nest-react-binance.git
-> Instación de dependencias: $ npm install
-> Para correr la app:
En development: $ npm run start
(watch mode): $ npm run start:dev
En modo produccion: $ npm run start:prod
-> Para los test:
(unit tests): $ npm run test
(e2e tests): $ npm run test:e2e
(test coverage): $ npm run test:cov
-> Instación de dependencias: $ npm install
-> Para correr la app:
En development: $ npm run dev