zlhshn / store_app

It is a multi-page web application that can be accessed through authentication processes and where the product search feature and detail page can be viewed.

store_App

Description

• In this project, I first aimed to create a simulation of the login process with the context API component.
• The user cannot access other pages without logging in.
• I performed this process using the react -router-dom library.
• I also used tailwind framework for styling.
• After the user searches, the search results do not disappear when they navigate to another page. The information is stored in session storage.

Live Link

store_App

Screenshots

Tech/framework used

🚀 React
🚀 React - router - dom
🚀 Context -Api
🚀 Axios
🚀 TailWind CSS
🚀 Mock API
🚀 Session Storage
🚀 Custom Hook

Usage..

🎀 When you hover over the email and password labels on the login form, the password assigned for login is displayed.
🎀 Access to the pages is activated after the login process.
🎀 You can search for products in the input section of the products page.
🎀 Product information and extra pictures can be viewed by clicking on the detail button.
🎀 You can exit the page by pressing the logout button.