Skip to content

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

Notifications You must be signed in to change notification settings

vlasiuk-anatolii/NFT

Repository files navigation

NFT collections

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published