vlasiuk-anatolii / NFT Public

generated from vlasiuk-anatolii/project_template

Notifications You must be signed in to change notification settings
Fork 0
Star 0

The app has three accordeons with smooth opening/closing. Every accordeon has cards whis user can buy. For purchasing, user should fill 4 required fields. And then press button "Buy NFT". After that, purchased card become grey, it means thet this card was successfully bought. User can see amount available cards for purchasing

vlasiuk-anatolii.github.io/nft/

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
docs		docs
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.linthtmlrc.json		.linthtmlrc.json
.stylelintrc.json		.stylelintrc.json
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

NFT collections

DEMO LINK

Description

NFT collections were implemented following this design.

Images were selected randomly.

Implemented Tasks

Implemented layout with pure HTML/CSS/JS;
Made three accordeons with smooth opening/closing;
A purchase form was made with validation (all 4 fields are required);
After purchasing one product card, it is marked as SOLD;
The "Hide sold posters" switch hide all cards sold;
Was implemented ability display the current number of cards to purchase;
Mobile design was implemented.

Local development

VS Code
ESlint

Dependencies

JS
HTML
SCSS
stylelint
Node v14.18.2 and higher
NPM v6.14.12 and higher

Installing

Fork and clone this repository
Run npm install in your terminal
Run npm start

About

The app has three accordeons with smooth opening/closing. Every accordeon has cards whis user can buy. For purchasing, user should fill 4 required fields. And then press button "Buy NFT". After that, purchased card become grey, it means thet this card was successfully bought. User can see amount available cards for purchasing

vlasiuk-anatolii.github.io/NFT/

stylelint css eslint gh-pages parcel va linthtml

Report repository

Releases

No releases published

Packages

No packages published

Languages