Contact Form

[bhighlander]

User Story

• As a user, when I visit the Contact Page, I should see a form to enter name, email, a description of my item and its damage, a field to upload an image, and a submit button
• All fields should be required
• When a user clicks submit button, all information should be emailed to site admin

Dependencies

Code Structure

• formAppend method in fetch call:

export const createArticle = async (article, token) => {
    let formData = new FormData();
    formData.append('image', article.image);
    formData.append('color', article.color);
    formData.append('season', article.season);
    formData.append('type', article.type);

    await fetch(`${API_URL}/articles`, {
        method: 'POST',
        body: formData,
        headers: {
            'Authorization': `Token ${token}`
        }
    });
}

Steps

• [ ] Code implemented and working
• [ ] Styling added
• [ ] Mobile styling added

[bhighlander]

added initial form component. will add api to email directly to admin using https://formsubmit.co/