- Navigate to repo
- Click on
Clone or download
and copy the link - Open your terminal and navigate to direction you'd like to clone the repo to
- Clone locally by typing
git clone https://github.com/timh1203/slproject
- Open your new directory and install dependencies using
yarn install
- Run tests using
yarn test --verbose
, one might have to run tests again by pushinga
- Start the app with
yarn start
and it should automatically open the browser (if not, openhttp://localhost:3000/
) - Enjoy!
- I used create-react-app to bootstrap this project and the following technologies:
- HTML
- CSS
- React
- Styled Components
- Jest
- react-testing-library
- jest-dom
- webfontloader
-
The requirement was to create a simple form in React with any tools, packages, or resources
-
The form was has both a desktop and mobile view
-
Mocks, images, and assets were provided
-
To dos
- Create 4 input fields โ
- Create submit type button โ
- All fields are required except 'address 2' โ
- Form submission prevented until all required fields satisfied โ
- Invalid fields should be highlighed in red โ
- Once form is submitted, it should trigger alert dialog with data output โ