- Notifications
You must be signed in to change notification settings - Fork4
📲Code refactoring with React. Create your awesome profile card.
NotificationsYou must be signed in to change notification settings
andreina-proyectos/g-m3-bug-busters
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
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 theAwesome 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!🚩