/Ecommerce-Store

Project with Reactjs, Sass, Boxicons, Reducer, Context, Usesate, UseEffect, Fetch

Primary LanguageCSS

STEPS FOR THIS PROJECT:

1.- Create a new js project with vite. ✅ 2.- Create the entry point for React with Vite. ✅ 3.- Create the routers for "app" and "auth". ✅ 4.- Create the context for the search. ✅ 5.- Create the main components for the search. ✅ 6.- Create the grid component for show the search. ✅ 7.- Show a mock in the grid component. ✅ 8.- Create the fetch for the API: 8.1 Create the enviroment variables. ✅ 9.- Show the elements in the grid component. ✅ 10.- Do the inputSearch work: 10.1 - Make the inputSearch change the value when the use write. ✅ 10.2 - Show messages if the search is not valid and show it with red color. ✅ 10.3 - Add styles for the search and the title with sass. ✅ 11.- Create the filters for the search. ✅ 11.1.- Make the filters work. ✅ 12.- Add all the styles for the application using sass. ✅ 13.- Create a Cart with a context and a reducer. ✅ 14.- Show the element in the cart in an hidden menu. 15.- Add animations to the hidden menu. 16.- Implement zustand with the seem Cart. 17.- Create a register and LoginPage.