Biblifica is an e-commerce that sells beautifully designed clothes and offers consumers the possibility to configure the clothes according to their desires.
This project is the front end of the Biblifica online store.
React + TypeScript + Zustand + CSS
This project was created with create vite@latest. Zustand was used to manage states. Vanilla CSS was chosen to style the application and the CSS modules were the preferred approach.
Provides an overview of products, categories, and collections, providing the user with an overview of the products and a starting point.
Users can browse through products. The title of the product and price are displayed below the product image. The client's preference is to follow a straightforward UI maximizing the user experience when navigating the website.
All product details are shown on this page, allowing the user to select color and size if the product offers that possibility.
- The shopping cart floats to the right.
- It is accessible anywhere in the application to allow customers to keep track of it without interrupting the shopping flow, increasing sales and providing a better user experience.
- It is also resizable for the convenience of the user's screen.
A page showing all products under the congress category
Customers can create custom products with their own information
customers can buy different product variables and in different quantities with just one transaction.
install all frontend dependencies
Runs the app in development mode.
Open http://127.0.0.1:5173 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\