Skip to content

πŸ“ƒ A multistep form, built with ReactJS and Typescript, Vite.js and Context-API for state management.

Notifications You must be signed in to change notification settings

mariaelizasa/registration-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“œ Registration Form

Capturar-teste

Como executar / How to run

Instale as dependΓͺncias / Install all the dependencies:

npm install

Crie um arquivo .env e adicione a URL da API como variΓ‘vel de ambiente no seguinte formato / Create an .env file and add the API URL on the following format:

Create .env
VITE_API_URL=http://localhost:PORT

Execute o projeto / Execute the project:

npm run start

Estrutura do Projeto / Project Structure

β”œβ”€β”€ public
β”œβ”€β”€ src
β”‚   └── components 
β”‚       β”œβ”€β”€ Buttons
β”‚       β”œβ”€β”€ Step
β”‚       β”œβ”€β”€ Title
β”‚   └── pages
β”‚       β”œβ”€β”€ HomeScreen
β”‚       β”œβ”€β”€ AcessPassword
β”‚       β”œβ”€β”€ PFScreen
β”‚       β”œβ”€β”€ PJScreen
β”‚       β”œβ”€β”€ ReviewInformation
β”‚   └── services
β”‚       β”œβ”€β”€ FormService.ts // Url da Api
β”‚   └── styles
β”‚       β”œβ”€β”€ global.ts
β”‚       β”œβ”€β”€ Form
β”‚            β”œβ”€β”€ FormStyle.ts // Styled-components Global
β”‚   └── utils
β”‚       β”œβ”€β”€ Validator.ts
β”‚   └── context
β”‚       β”œβ”€β”€ MultiStepFormContext.ts
β”‚   └── @types // Typescript Interface
β”‚       β”œβ”€β”€ ButtonType.ts
β”‚       β”œβ”€β”€ FormDataType.ts
β”‚       β”œβ”€β”€ MultiFormContext.ts
β”‚       β”œβ”€β”€ TitleType.ts
β”‚   └── App.tsx
β”‚   └── main.tsx

Contributing

  1. Fork it (https://github.com/mariaelizasa/registration-app)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

About

πŸ“ƒ A multistep form, built with ReactJS and Typescript, Vite.js and Context-API for state management.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published