https://github.com/lucasbailo/react-challenge
Doing a React challenge to improve my skills
https://github.com/lucasbailo/react-challenge
ant-design axios react vite
Last synced: 3 months 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 (8 months ago)
- Default Branch: main
- Last Pushed: 2025-01-15T16:41:05.000Z (6 months ago)
- Last Synced: 2025-02-10T09:42:03.872Z (5 months ago)
- Topics: ant-design, axios, react, vite
- Language: JavaScript
- Homepage: https://react-challenge-red.vercel.app
- Size: 14.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/)
## [Figma Project - model](https://www.figma.com/design/0yOQR6fGtbdrmqeStiO0jf/7Days-React?node-id=0-1&p=f)
### 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)