https://github.com/lucasbailo/react-challenge

Doing a React challenge to improve my skills
https://github.com/lucasbailo/react-challenge

Last synced: about 1 month ago
JSON representation

Doing a React challenge to improve my skills

• Host: GitHub
• URL: https://github.com/lucasbailo/react-challenge
• Owner: lucasbailo
• Created: 2024-11-07T21:42:12.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-27T20:42:52.000Z (about 2 months ago)
• Last Synced: 2024-11-27T21:31:46.581Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://react-challenge-red.vercel.app
• Size: 11.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Welcome to a Front-End Challenge 👋

# Casa das Plantas

## Test the project yourself: [Test the project here!!!](https://react-challenge-red.vercel.app/)

### Full Page



## Add your email



## Some code that I'm proud of

```js

const sendEmail = (e) => {

    e.preventDefault()

    if(invalidEmail !== "" || emptyEmail !== "" ) {

        return;

    } else {

        setAllRight("Email de contato enviado!")

    }

    alert("Email enviado com sucesso!")

    emailjs.sendForm('######', '########', e.target, '############')

    .then((response) => {

        console.log('Email enviado', response.status, response.text)

        setEmail('')

        setInvalidEmail('')

        setAllRight('')

        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });

    }, (err) => {

        console.log("ERRO: ", err)

    })

}

```

## Built with

- `React Vite`

- [`Ant Design`](https://www.npmjs.com/package/antd)

- [`Axios`](https://www.npmjs.com/package/axios)

## You Can

- See the products;

- Consume an API - product list;

- Check if the email is valid;

- Receive an automatic email.

## Author

- Website - [My GitHub](https://github.com/lucasbailo)

- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)

- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)

- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)