yarn install && yarn devThere is a login page created to allow only a single admin account to log in. This account is automatically created when the BE is seeder is run.
email: admin@example.com
password: passwordAuthentication process is done by receiving a token from the BE and saving that token for 24hours (can be updated in the src/config/index.ts) in the cookie storage.
The token in turn used to access the neccessary routes as aside the 'login' route, all other routes are protected.
There are a total of four(4) products view
- Home Page (lists all products along with paginatin, search and categories filter)
- Details Page (shows details of the product, admin delete product from here after confirmation)
- Edit Page (update the product's details)
- Create Page (create a new product)
- Image
- Name
- Category (Selected from a list of categories saved on the DB)
- Quantity
- Price
- Description
- Create Product
- Update Product
- View single product
- Delete Product
- Fetch all Product and filter by searchKeys and/or category
- Tanstack Query (Query requests, caching and query storage)
- vue3-cookies (Accessing and storing data in cookie)
- Vue Simple Toast (For toasts and alerts)
- Formki Vue {Form handling}
- TailwindCss (For UI)