https://github.com/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.
https://github.com/zlhshn/store_app
axios context-api custom-hooks react-router tailwind-css
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/zlhshn/store_app
- Owner: zlhshn
- Created: 2023-12-22T12:17:40.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-05T21:15:27.000Z (over 2 years ago)
- Last Synced: 2025-01-28T01:44:40.842Z (over 1 year ago)
- Topics: axios, context-api, custom-hooks, react-router, tailwind-css
- Language: JavaScript
- Homepage: https://store-app-zlh.vercel.app/
- Size: 15.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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](https://store-app-zlh.vercel.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.