alexistercero55 / contact-list Goto Github PK

Una lista de contactos y deberá cumplir con las siguientes funcionalidades:

• Mostrar contacto.
• Crear contacto.
• Eliminar contacto.
• Cambiar el estado del contacto entre Conectado y Desconectado.

Assignment

• Code refactoring by import modals from Modals.js.
• Modal for delete profile option.
• Modal for new profile action.

• Replace dropdown menu for switch button.
• Define Change connection state action.
• Dispatch this action from switch button.

• Display form for a new contact.
• On submit create a new contact oboject.
• Validate submited data (new issue).
• Add new contact object to the list for displaying.

• Define data required for a job profile as an Object,
• Create a factory function for this data.

• Generates at least 2 contacts samples before adding features.
• Create props for displaying profile data.

• 30% of the viewport height.

Use flux-standard-action to implement state changes on profile data

• Create an initial state.
• Define actions to update the State.
• Create a reducer to perfom state changes according actions definition.
• Create a context and link whith its reducer and InitialState inside a context provider component.
• On click changes using dispatch pattern.

fa4f0b5#r105492139

Overlay input confirmation buttons:

• Reset styles.
• Install bootstrap.
• Generate responsive app container.

• Modal component.
• Form inside modal.
• Get {name, email, position, projectID} from the user.
• Generate new profiole by dispatching an action.
• (Optional) Add validation.

• Install sass.
• creates new default layout
• make deploy

• Define the Profiles/newProfile action.
• Dispatch that action from the new contact form.

• Use an iterable containing a variation of the next url: 'https://bootdey.com/img/Content/avatar/avatar1.png' changing avatar#1:9.

Like

{
    avatar_n : 'https://bootdey.com/img/Content/avatar/avatarn.png',
     ...
}

• make it responsive with bootstrap.