About React-Store-Transactions
This project is a straightforward website developed using React.js. The primary purpose of this application is to provide booth owners with a user-friendly platform to manage their transactions, calculate prices, and maintain a precise transaction logging.
- Browse and add products to the cart
- Adjust quantities of items in the cart
- View the cart's total price and individual item subtotals
- Proceed to checkout and log transactions
- View transaction history
- Apply promotions and discounts (To be added)
Before you begin, ensure you have the following installed:
- Node.js and npm (Node Package Manager)
- Clone this repository:
git clone https://github.com/your-username/online-store-app.git - Navigate to the project directory:
cd online-store-app - Install the required dependencies:
npm install
- Start the development server:
npm start - Start the database server:
node Express.js - Open your web browser and navigate to
http://localhost:3000to access the application.
- Browse the products on the home page.
- Click the "+" button to add items to your cart and adjust quantities using the "+" and "-" buttons.
- Click the "Add to Cart" button to view and manage your cart.
- Review the items in your cart, their quantities, and subtotals.
- Proceed to checkout to log your transaction.
- Click the "View Transactions" button to see your transaction history.
To populate the application with product data, an Excel file can be converted to JSON format using various tools available online. This JSON data can then be used to pre-fill the product listings.
- React.js
- Axios
- SQLite (for transaction logging)
- CSS (for styling)
- JSON (for product data)
Contributions are welcome! If you find any issues or have ideas for improvement, please feel free to submit a pull request or open an issue.
This project is licensed under the MIT License.