Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andresfernandez89/country-select-form

An interactive form using react with validation
https://github.com/andresfernandez89/country-select-form

Last synced: 19 days ago
JSON representation

An interactive form using react with validation

Awesome Lists containing this project

README

        

# Country Select Form

This application is a country selection form built with Vite and TypeScript. It includes features for selecting countries and dynamically updating provinces based on the selected country.

## Demo

https://country-select-form.pages.dev/

## Table of Contents

- [Tech Stack](#tech-stack)
- [Run Locally](#run-locally)
- [Environment Variables](#environment-variables)
- [Scripts](#scripts)
- [Links](#links)

## Tech Stack

- Vite
- TypeScript
- React
- Formik
- Yup
- Bootstrap

## Run Locally

Clone the project

```bash
git clone https://github.com/andresfernandez89/country-select-form.git
```

Go to the project directory

```bash
cd country-select-form
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## Environment Variables

To run this project, you will need to add the following environment variables to your **`.env`** file:

```env
VITE_API_BASE_URL=api_base_url
```

## Scripts

- **dev:** Start the development server.
- **build:** Build the application.
- **format:** Format the code with Prettier.
- **lint:** Lint the code.
- **preview:** Preview the production build.
- **prepare:** Set up Husky for Git hooks.

## Links

- [@andresfernandez89](https://github.com/andresfernandez89)