@rmartin93
Submitted
Hello,
Just finished the Invoice challenge. Decided to do the bonus for this one and make it a full-stack app.
I added a link icon to the nav so that people can use a webhook to send the invoice data however they please. If no webhook is present, the user will see an alert letting them know that their invoice was not sent anywhere other than the database.
Let me know what ya think!
Submitted
Honestly, this was just a quick one for fun while I was bored today 😂
Feel free to critique, but it was pretty straightforward.
I did add some cool neon styles for the button hover effect but other than that, nothing too exciting going on.
button:hover {
cursor: pointer;
box-shadow: 0 0 10px var(--neon-green), 0 0 40px var(--neon-green),
0 0 80px var(--neon-green);
transition: box-shadow 200ms ease-in-out;
}
Happy coding!
Submitted
Just a quick and simple solution for this landing page. Also made some dummy routes just for fun if I want to add on to this later.
Submitted
The background image stuff was super difficult for me. I have mostly designed web apps that display data, so doing something "pretty" was hard. I still don't know the best way to get the gray leaves on the screen. The figma file has them upside down and flipped and I don't know how to do that in CSS.
Other than that I think it's pretty spot on. I didn't bother with the email verification just because I got bored and that's not hard to add later.
I did this with Bootstrap 5.3 and React. I don't like using React-Bootstrap because it doesn't keep up with the latest version of Bootstrap, so if you notice a way I can implement bootstrap better let me know. The src/components/NavBar.js file is a good example of having to do a lot just to make a simple modal go away.
Submitted
This is my first time using flexbox without any bootstrap or anything in the background, so feel free to let me know if I'm violating any flexbox best practices or anything like that!
