/compass-forms

First Challenge → Sprint 1 (Weeks 1 to 4)

Primary LanguageCSS

First Challenge - PB AWS REACT - Compass.Uol



firstchallenge-pic

About | Technologies | Team

📑 About the project

In this project we developed 7 screens of a financial research form which followed the subsequent instructions:

📌 Status: ✔️ Finished

Detailed Instructions

🛠 Workflow:

The project should be delivered through a private repository on GitHub and shared with the following Instructors and Scrums:

  • Instructors:

Angel Fernandes

Bruno Carnavalli

Ruan Oliveira

  • Scrums:

Guilherme Moreira de Paiva

Fabiane Maciel

And it should have:

  • Small commits;
  • Detailed commits;
  • Coherent commits;
  • README.

🔑 Required

  • HTML, CSS and JavaScript
  • Pixel Perfect Layout according to Figma Project
  • Responsive Layout

🔑 Must have functionalities

  • 1º Screen → Let's go button
  • 2º Screen → Back to Home and Fill out the Form button
  • 3º Screen → Select input, Radio input and Back, Next and Skip button (Next able only if there is an option selected)
  • 4º Screen → Select input, Checkbox input and Back, Next and Skip button (Next able only if there is an option selected)
  • 5º Screen → TextArea and Back, Next and Skip button
  • 6º Screen → Information inputs required and Back and Submit button (Submit able only if the three information are filled)

🔑 Extra functionalities

  • Input validation through JS
  • Local data base
  • Countdown characters on TextArea
  • TypeScript
  • Extra screen showing that the form was successfully completed

Back at the top

🛠️ Technologies 🛠️

The following technologies were used in this project:

HTML JavaScript CSS GitHub VS Code

Back at the top

👥 Equipe

Name LinkedIn & GitHub
Cássio Silva Takarada Linkedin Badge GitHub Badge
Compass.Uol Collegues Linkedin Badge GitHub Badge

Back at the top