A simple React application designed to record and display transaction data. This project demonstrates smooth page navigation, intuitive form validation, and backend data management with Firebase.
-
🚀 Multi-Page Navigation:
- Three main pages — Home, Transaction, and Data — easily navigable with React Router.
- An elegant and responsive navbar for smooth page switching.
-
📝 Transaction Page with Form Validation:
- Form fields for Wallet Address and Amount.
- Validation for Ethereum addresses, ensuring correct format (
0x...). - Amount field validation, with acceptable numeric range limits.
- Securely submits data to Firebase Firestore.
-
📊 Data Page:
- Fetches and displays transaction data from Firestore.
- Loading indicators and error handling to enhance user experience.
- React.js: Core framework for building the app.
- React Router: Handles multi-page navigation.
- Firebase Firestore: Backend database for storing transaction data.
- Tailwind CSS: used for responsive, modern styling.