This project demonstrates a simple blockchain-based product management system using React and a custom blockchain implementation.
This application showcases how blockchain technology can be applied to a basic CRUD (Create, Read, Update, Delete) system for managing products. It visualizes the blockchain structure and allows users to interact with the blockchain through a user-friendly interface.
- Create, update, and delete products
- Visualize the blockchain structure
- Demonstrate blockchain tampering and validation
- Animated UI components for better user experience
- React
- Tailwind CSS
- react-spring for animations
- crypto-js for hashing
- Product Management: Users can add, update, and delete products. Each action creates a new block in the blockchain.
- Blockchain Visualization: The app displays each block in the chain, showing its hash, previous hash, and data.
- Tamper Demonstration: Users can simulate tampering with a block to see how it affects the chain's validity.
- Chain Validation: The app allows users to validate the entire blockchain, demonstrating the security aspect of blockchain technology.
- Clone the repository
- Install dependencies:
npm install
- Run the app:
npm start
- Open http://localhost:3000 in your browser
npm start
: Runs the app in development modenpm test
: Launches the test runnernpm run build
: Builds the app for production
To learn more about React and Create React App, check out the React documentation.
For any inquiries, please contact: [email protected]