Envious (en-vee-uhs): full of, feeling, or expressing envy.
Enby (en-bee): in the LGBTQ community, an enby is a nonbinary person.
Visit Enbious and become the envy of your friends with clothing that has no boundaries.
- Built with React, using functional components, routes, and various hooks including useReducer.
- The main content area is marked as an aria-live region, allowing screen readers to announce when a user visits a new page.
- Each item in the Shop page is routed to its own details page, where you can add it to your shopping cart.
- Items show a warning when there is low stock or the item is sold out.
- A quantity-to-stock check occurs when attempting to add low-stock items to your cart, preventing you from adding any amount that exceeds the current stock.
The most difficult part would definitely have to be handling the cart state. It started out a bit rough with trying to figure out how to go about it, but I feel I slowly started understanding the useReducer hook and how powerful it can be when you need it.
That said, using useReducer, as well as the useContext and useRef hooks, was incredibly interesting. As the final project in the React section of The Odin Project, though certainly not the last thing I'll ever make in React, this is still my favorite course material thus far.
cottonbro
pepehonguito
JillWellington
xusenru
Awaix_Mughal
nathelly_cris
Marlene Leppänen
Free-Photos
Keira Burton
Ono Kosuki