Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

📲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

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bug Busters Logo

Bug-Busters 🦟🕳🔦

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 structure 🗂

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.

How it works. ⚙️

  • 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.

Technologies we used 🛠

  • 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!🚩

About

📲Code refactoring with React. Create your awesome profile card.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp