Final Work - Discipline Mobile

🎓 College: College Methodist Granbery

👨‍🏫 Teacher: Érica Carvalho - Github | Linkedin

Subject: Introduction to Mobile Development

Delivery date: 06/05/22 (via AVA) - Presentation date: 06/06/22

Value: 4 points

Theme: Teacher’s suggestion or topic chosen by the group

Theme suggestion

Create an application that contains a login and registration screen by inserting animations.

At least 4 screens must be created, one screen must be the Assessment 1 app and another screen the Assessment 2 app.

The home screen must contain the following items:

Company logo/theme
Two fields for filling in the username and password
One button to log in/access
One button to register new user

Note:

Every application must be tested on a cell phone.
When loading the home screen, there must be an animation in the View containing the username and password fields and the login and register buttons.
When typing the user, when the keyboard opens, the logo should decrease, when the keyboard closes, the logo should return to its original size.

The registration screen must contain the following items:

A field to enter the new user
A field to enter the password

Note:

There must be at least two animations on the registration screen.

After registering a new user, they must be redirected to the home screen. After logging in (without any type of verification), you must be redirected to a new screen that must contain Tabs navigation with at least two screens:

Home: the content of this screen is at the discretion of the student
Assessment 1 app (mandatory).
Assessment 2 app (mandatory).
Any other screen(s) (optional).
Each of these screens must contain at least one animation (View, Text, image, etc.)

The following elements must be present in the code:

The code must be organized and readable. Folders must be created for each “part” of the code: components, images, screens, routes, etc.
Colors and sizes must be in a separate file (e.g. colors.js and sizes.js)
Buttons and text inputs, etc. must be a stateless component (e.g. MyButton.js and MyTextInput.js)

Important informations:

All content presented in class must be used in the work:

React Native components
React Hooks (useState, useEffect, useContext)
Navigation
Animation
Any extra content will be validated.

Comments:

Work must be done in groups and copying someone else’s work is not allowed group. If this occurs, the grade will be divided by the total number of students involved in the copy.
The Github link containing the work (or zipped file) must be sent by AVA until 11pm on 06/05/22.
All students must present their work on the agreed date.
If you have any questions/problems, please contact us via email.