Resinas Botânicas Frontend is a test ecommerce application currently under development. To use the backend, please visit this repository and follow the instructions in the README.md file.

About | Technologies | Installation Guide | How to Run | Functionalities | Checkout

This project is a simple application that meets the needs of Resinas Botânicas virtual store (@resinasbotanicas on Instagram).

React | axios | bootstrap | react-hook-form | react-query | react-toastify | styled-components | yup | eslint | prettier

• Clone this repository
• Run npm i to install all dependencies

• Create a .env file as in .env.example file
• Run npm start to start the local server

• User registration and login: allows users to create an account and login to access the site.
• Homepage: features a carousel of images that lead to respective categories, along with the six most recently added products, to highlight the most popular items.
• Categories: lists all products within their respective categories for easy user navigation.
• Product details: displays detailed images of the product, description, name, price, and quantity in stock.
• Shopping cart: enables users to add or remove products, view saved products, and see the total purchase and product amount.
• Checkout: [TEST] offers integrated payment via Stripe. For more information, please see the checkout section. (under construction)
• Profile: allows users to view and update their profile information, for a personalized experience on the site. (under construction)
• Purchase history: will provide a history of the users' previous purchases, so they can keep track of their transactions. (under construction)

Use any of these test cards to simulate a payment.