Welcome to the TicketMaster App β your ultimate ticketing experience for unforgettable events! With our app, you can easily browse upcoming concerts, purchase tickets, and receive instant confirmations.
- β¨ Browse Events: Discover exciting events with comprehensive details like date, venue, and ticket availability.
- π³ Seamless Purchase: Effortlessly buy tickets and receive real-time confirmations.
- π MetaMask Integration: Securely purchase tickets using Ethereum through MetaMask.
- π± Responsive Design: Enjoy a beautiful interface on any device.
- π¨ NFT Ticketing: Currently working on creating tickets as NFTs to enhance ownership verification and transferability for users.
Check out the demo video of the TicketMaster App in action:
Click the image to watch the full demo on Google Drive.
Technology | Description |
---|---|
Solidity | Smart contract development for Ethereum. |
React | Build dynamic user interfaces. |
Vite | Modern build tool for faster development. |
Tailwind CSS | Utility-first CSS framework for styling. |
Ethers.js | Interact with the Ethereum blockchain easily. |
Hardhat | Development environment for Ethereum. |
MetaMask | Secure Ethereum wallet for transactions. |
Node.js & npm | Backend tools for managing dependencies. |
- Git: Version control for tracking changes.
- Postman: API testing and development tool.
Make sure you have the following installed:
-
Clone the repository:
git clone https://github.com/neethu-muthu/ticketmaster_app.git cd UI
-
Install dependencies
npm install
npm i hardhat
npm hardhat compile
To deploy the TicketMaster contract on the Ethereum Sepolia testnet using Alchemy and MetaMask, follow these steps:
-
Add the Main Network to your Hardhat Configuration:
In your
hardhat.config.js
file, you'll need to add the Sepolia network and configure Alchemy as your provider. Don't forget to include your MetaMask private key for transaction signing. -
Configure Sepolia and Alchemy:
- Alchemy API Key: Get your API key by creating a project on Alchemy.
- MetaMask Private Key: Copy your MetaMask private key (never share this!).
-
Example Configuration: Update your
hardhat.config.js
file like this:
module.exports = {
defaultNetwork:"alchemy",
networks: {
localhost: {
url:"http://127.0.0.1:8545/"
},
alchemy: {
url :"your api key of infura or any other accounts",
accounts:["your metamask private key"]
}
},
solidity: "0.8.20",
};
npx hardhat node
open another terminal in vscode(ctrl+shift+`)
npx hardhat ignition deploy ignition/modules/Ticket.js
open another terminal in vscode(ctrl+shift+`)
cd Frontend
npm i
Go to folder src/SCdata
- add Abi code to ticket.json file
- add deployed address to deployedaddress.json(deployed address will get after deploying the contract)
npm run dev
- connect your metamask
- buy ticket
- enter details
- make payment in metamask
- after metamask confirm get you ticket
Feel free to customize the events data in App.jsx to include your favorite events. Modify styles in tailwind.config.js to match your brand's theme.
- π± Mobile App Development: Create a mobile version of the app for iOS and Android to enhance accessibility.
- π User Reviews and Ratings: Allow users to leave reviews and ratings for events, helping others make informed decisions.
- π Analytics Dashboard: Provide event organizers with real-time insights into ticket sales and user engagement.
- π³ Multiple Payment Options: Integrate additional payment methods like credit cards and other cryptocurrencies.
- π Event Reminders: Notify users about upcoming events theyβve shown interest in, ensuring they donβt miss out.
- π Social Media Integration: Allow users to share their ticket purchases and event experiences on social media platforms.
This project is licensed under the MIT License. See the LICENSE file for more details.
Contributions are welcome! Please fork the repository and submit a pull request with your proposed changes.
π£ Stay Connected
- GitHub: https://github.com/Neethu-Muthu
- LinkedIn: www.linkedin.com/in/neethumuthu
Thank you for checking out the TicketMaster App. We hope you enjoy exploring and purchasing tickets for amazing events! π
Happy Browsing! π₯³
Feel free to adjust any details like links, usernames, or specific instructions to match your project setup.