Skip to content

Commit

Permalink
Merge branch 'main' of github.com:ethan0905/hackathon_merge
Browse files Browse the repository at this point in the history
  • Loading branch information
ethan0905 committed Nov 25, 2022
2 parents 395fe0d + 0d886a5 commit 26754ba
Show file tree
Hide file tree
Showing 7 changed files with 458 additions and 131 deletions.
38 changes: 19 additions & 19 deletions README.md
Expand Up @@ -58,8 +58,19 @@ Our solution solve it by creating a form interface that write directly into our
`docker-compose up --build`

3. Then go to the following url on internet:
`localhost:3000`

`localhost:3000`

## 🦶 Step to use Payconsent

- Connect your wallet
- Fill the form and upload the different file
- Then let's start the mission ✔️

## 💡 Technological invasion

- The contract will be unique with the smart contract
- The file will be storage with ipfs (no centralized data)

## 📈 Business model

- For each contract, we take a pourcentage of the total amount (6% for services)
Expand All @@ -69,25 +80,14 @@ Our solution solve it by creating a form interface that write directly into our
- A contract less than 100$ will be free to attract some users
- With a DAO, we didn't a huge fund rising

## 🧭 Roadmap

- [x] Docker installation
- [x] Metamask wallet connection
- [ ] Smart contract
- [x] Write our own contract
- [ ] Use of Starton API to create Smart contract from bytecode
- [ ] Use of Starton API to calls Smart contract located at {address} on {network}
- [ ] Deletes Smart contract located at {address} on {network}
- [x] Add image uploader on IPFS
- [ ] Form:
- [ ] Interaction with Smart contract at {address} on {network}

## 🖥️ Development perspective

Create a DAO,
Create our coin, the more user is holding, the less the additionnal fees gonna be
Holder of our coin will gonna get rewarded for voting in case of disagreement
Add a service provider marketplace like malt
- Have a little check of the delivery service
- Create a DAO
- Create our coin, the more user is holding, the less the additionnal fees gonna be
- Holder of our coin will gonna get rewarded for voting in case of disagreement
- Add a service provider marketplace like malt
- Create a certification after an amount of contract validate

## ⚠️ License
Distributed under the MIT License. See `LICENSE.txt` for more information.
1 change: 1 addition & 0 deletions index.html
Expand Up @@ -9,5 +9,6 @@
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script src="https://kit.fontawesome.com/e2fd491f5b.js" crossorigin="anonymous"></script>
</body>
</html>
117 changes: 115 additions & 2 deletions src/assets/css/button.css
Expand Up @@ -4,8 +4,71 @@
src: url('../fonts/Thunder-ExtraBoldLC.otf');
}



.form-div3 .btn-connexion {
background-color: #A5DFD5 ;
color: #282828;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
font-weight: 600;
font-size: 16px;
border-radius: 10rem;
min-height: 2.5em;
max-height: 2.5em;
padding-left: 2em;
padding-right: 2em;
}

.form-div3 .btn-status-pending {
display: flex;
justify-content: center;
align-items: center;
background-color: #F5CECC ;
color: #5F2D2D;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
font-weight: 600;
font-size: 13px;
border-radius: 0.4rem;
height: 2em;
width: 10em;
/* max-height: 2em; */

}

.form-div3 .btn-status-claimed {
display: flex;
justify-content: center;
align-items: center;
background-color: #A5DFD5 ;
color: #2C4D47;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
font-weight: 600;
font-size: 13px;
border-radius: 0.4rem;
height: 2em;
width: 10em;
}

.form-div3 .btn-status-progress {
display: flex;
justify-content: center;
align-items: center;
background-color: #CCD4F5 ;
color: #2D375F;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
font-weight: 600;
font-size: 13px;
border-radius: 0.4rem;
height: 2em;
width: 10em;
}

.btn-connexion {
background-color: #A5DFD5;
background-color: #A5DFD5 ;
color: #282828;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
Expand All @@ -18,11 +81,61 @@
padding-right: 2em;
}

/* .btn-connexion2 {
color: #7c40b7;
background-color: #A5DFD5;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
font-family: 'Inter';
font-weight: 600;
font-size: 16px;
border-radius: 10rem;
min-height: 2.5em;
max-height: 2.5em;
padding-left: 2em;
padding-right: 2em;
} */

.btn-connexion:hover {
background-color: #282828;
background-color: #282828 ;
color: #F4F1EE;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
transition: 0.4s ease-out;
transform: translateY(-3px);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

/* .btn-status-sign:hover {
background-color: #5F2D2D ;
color: #F5CECC;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
transition: 0.4s ease-out;
transform: translateY(-3px);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.btn-status-validated:hover {
background-color: #2C4D47 ;
color: #A5DFD5;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
transition: 0.4s ease-out;
transform: translateY(-3px);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.btn-status-claim:hover {
background-color: #2D375F ;
color: #CCD4F5;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
transition: 0.4s ease-out;
transform: translateY(-3px);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
} */

.form-div4 {
display: flex;
/* align-items: center; */
justify-content: space-around;
/* padding: 0 20px; */
/* flex-wrap: nowrap; */
/* gap: 10px; */
}
33 changes: 32 additions & 1 deletion src/assets/css/form.css
Expand Up @@ -26,13 +26,20 @@ body {
}

.form-div-total {
display: flex;
/* flex-direction: column; */
gap: 10px;
}

.form-div {
display: flex;
flex-direction: column;
gap: 10px;
}

.total-form {
display: flex;
/* flex-direction: row; */
justify-content: center;
align-items: center;
position: fixed;
Expand All @@ -46,12 +53,14 @@ body {
.green-line {
background: #A5DFD5;
width: 10px;
height: 300px;
height: 628px;
border-radius: 8px;
}

.form-div1 {
background: #ffffff;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%);

width: 100%;
height: 160px;
display: flex;
Expand Down Expand Up @@ -139,6 +148,8 @@ body {

.form-div2 {
background: #ffffff;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%);

width: 100%;
height: 456px;
display: flex;
Expand Down Expand Up @@ -259,5 +270,25 @@ body {

.form-div3 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}

.id-metamask-form {
font-family: 'Intra';
font-weight: 400;
align-items: center;
background-color: #fff;
border-radius: 9999px;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
color: #000;
display: flex;
font-size: 13px;
/* font-weight: 400; */
height: 36.05px;
letter-spacing: .6px;
min-height: 35px;
padding: 9px 16px;
width: 220px;
}
81 changes: 80 additions & 1 deletion src/assets/css/summary-page.css
Expand Up @@ -20,8 +20,87 @@
font-size: calc(10px + 0.390625vw);
}

.crop {
.crop {
overflow: hidden;
line-height: 50px;
width: 280px;
}

.id-metamask {
align-items: center;
background-color: #fff;
border-radius: 9999px;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
color: #000;
display: flex;
font-size: 13px;
/* font-weight: 400; */
height: 36.05px;
letter-spacing: .6px;
min-height: 35px;
padding: 9px 16px;
width: 265.65px;
}

.id-name {
font-family: 'Inter';
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}

.fa-clone {
font-weight: 600;
font-size: 15px;
}

.fa-clone:hover {
font-weight: 600;
color: black;
transition: color 0.7s ease-out;
}

.wallet-id-section {
display: flex;
flex-direction: column;
gap: 10px;
}

.contract-div {
display: flex;
justify-content: center;
justify-content: space-between;
align-items: center;
gap: 40px;
}

.wallet-id-total {
display: flex;
justify-content: center;
align-items: center;
}

.form-div1-2 {
background: #ffffff;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%);

width: 100%;
height: 160px;
display: flex;
flex-direction: column;
justify-content: center;
/* align-items: flex-start; */
justify-content: space-around;
/* border-top-right-radius: 20px; */
border-radius: 0 0 20px 0;
padding: 20px;
gap: 20px;
}

.green-line-summary {
background: #A5DFD5;
width: 10px;
height: 331px;
border-radius: 8px;
}

0 comments on commit 26754ba

Please sign in to comment.