Hello! We are the Bug-Busters and this project is the result of our third module at Adalab. On it, we've adapted to React a project that we previously developed on Javascript. It's the Awesome Profile Cards; an application that allows you to create digital customized visit cards and share them with your contacts.
The project consists of two pages:
- A welcome landing page, with a brief explanation of the application.
- The main page, where you can create your customized visit card.
- First, you can add a personal touch to your future card by choosing a colour palette from the options pannel.
- Then, fill your personal information in the given fields and add your best picture. On the right side of the page, top side on mobile version, you will see the preview of your card as you are generating it.
- If you are not that convinced by what you see, clicking on the "reset" button will delete the process of creating the card so you can start over again!
- Finally, simply create your card by clicking on the "crear tarjeta" button and, volià! There's your customized visit card to share with your contacts. To ease that process, you'll find another button below that enables you to directly share it on twitter.
-
React
-
JavaScript
-
Sass
-
React router
-
Git for version control
-
Mediaqueries - Mobile First Design
-
Use of LocalStorage
-
Use of APIs
We'll be happy to receive any suggestions in order to improve this project. Thanks for reading this!🚩