This repository is a final project work done for the European University of Madrid (UEM) of the Master of Blockchain.
Frameblock is a solution that we have developed to simplify and enhance the use of blockchain technology in an agnostic way. With Frameblock, you can easily integrate your applications with any blockchain, regardless of the vendor and technology used. This means you can focus on developing your application without worrying about the underlying complexity of the blockchain technology. Frameblock takes care of making the integration simple, secure and scalable.
We have developed a success story called Simple AI Collection which we explain below:
Simple AI Collection is a web application that allows users to search, select and create their own collection of artificial intelligence images. The application uses modern technologies such as React, IPFS and smart contracts to store and manage the collections.
The application has the following main functionalities:
- Image search 🔎: users can search for AI images using search terms.
- Image selection ✅: Users can select images they like and save them to their collection.
- Collection management 📁: Users can name their collection and confirm it for storage.
- Deployment on blockchain 🌐: Users can deploy their collection on blockchain on Ethereum, Binance Smart Chain and Polygon.
- Deployment payment 💳: Users can pay the deployment fee using a variety of online payment options.
The application was built using a number of technologies and tools, including:
- React ⚛️: A JavaScript library for building user interfaces.
- IPFS 📁: A decentralized, peer-to-peer file system for storing and sharing files.
- Smart contracts 📒: Digital contracts on blockchain that are used to store and manage application information.
- Web3 🌐: A JavaScript library that allows applications to interact with the blockchain.
- Metamask 🔑: A cryptocurrency wallet used to connect to the blockchain.
System Architecture | Process Sequence |
---|---|
![]() |
![]() |
To install and run the Simple AI Collection, you will need to have the following installed on your machine:
This dapp is tested in:
- Ubuntu 20.04
- Node Polygon, BNB Smart Chain, et.
-
Navigate into the project directory
$ cd dapp
- Install the requirements
$ npm install
- Make a copy of the example environment variables file
$ cp .env.example .env
- Add your variables to the newly created
.env
file
REACT_APP_API_KEY= "" ### API GENERATE WITH OPENIA
REACT_APP_IA_ENDPOINT = "" ### ENPOINT API OPENIA
REACT_APP_NODE_IP = "" ### NODE BSC SMART CHAIN
REACT_APP_PRV_KEY = "" ### WALLET PRV KEY
REACT_APP_PUB_KEY = "" ### WALLET PUB KEY
REACT_APP_IPFS_NODE = "" ### IPS NODE
REACT_APP_ABI = [] ### CONTRACT ABI
REACT_APP_BYTECODE = "" ### CONTRACT BYTECODE
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY = "" ### PAYMENT GATEWAY PUBLICKEY
NEXT_PUBLIC_STRIPE_PRICE_ID = "" ### PAYMENT GATEWAY PRICE ID
- Run the dapp
cd src
npm start
🙌 We would like to express my sincere thanks to all the professors of the Master in Blockchain at UEM, who with their teachings and dedication have made possible my training in this fascinating technology. 👨🏫👩🏫💻
👏 First of all, We would like to thank the director of the master, Jorge Ordovás Oromendía, for his warm welcome and for giving us such interesting sessions. 🙏
💯 On the other hand, We would like to express my gratitude to (for his dedication and originality in teaching):
- 👨🏫 Alberto García García-Castro
- 👨🏫 Diego Escalona Rodriguez
- 👨🏫 Cesar Rodriguez Cerro
- 👩🏫 Ana Cristina Mendiola Gómez
- 👨🏫 Alfonso de la Rocha
- 👩🏫 María Salgado Iturrino
- 👨🏫 Roberto García Álvarez
- 👨🏫 Endika Valle Hortelano
- 👩🏫 Virginia Díaz Alonso
- 👩🏫 Beatriz Macarrón
- 👨🏫 Alberto Gómez Toribio
- 👨🏫 Pablo Artiñano Muñoz
- 👨🏫 Angel García Pujalte
- 👨🏫 Alberto López González
- 👨🏫 Pedro Lozano
🚀 In short, We thank the entire teaching team of the Master in Blockchain at UEM for their valuable time and effort in providing us with a quality education in this cutting-edge technology. Thank you for your dedication and for sharing with us your knowledge and experience! 🎓
- 👨🎓 Roberto Gonzalez Rey
- 👨🎓 Sergio Santiago Bendaña Quesada