0149_sl_project

By Timothy Hoang

• Portfolio
• Github
• LinkedIn

Instructions 📖

---

1. Navigate to repo
2. Click on Clone or download and copy the link
3. Open your terminal and navigate to direction you'd like to clone the repo to
4. Clone locally by typing git clone https://github.com/timh1203/slproject
5. Open your new directory and install dependencies using yarn install
6. Run tests using yarn test --verbose, one might have to run tests again by pushing a
7. Start the app with yarn start and it should automatically open the browser (if not, open http://localhost:3000/)
8. Enjoy!

Discussions 💻

---

• 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

Requirements ✏️

---

• 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

1. Create 4 input fields ✅
2. Create submit type button ✅
3. All fields are required except 'address 2' ✅
4. Form submission prevented until all required fields satisfied ✅
5. Invalid fields should be highlighed in red ✅
6. Once form is submitted, it should trigger alert dialog with data output ✅