https://github.com/koheimizuno/smart-app

https://github.com/koheimizuno/smart-app

axios bootstrap react styled-components

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/koheimizuno/smart-app
• Owner: koheimizuno
• Created: 2023-12-18T17:53:56.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-18T17:54:18.000Z (about 1 year ago)
• Last Synced: 2024-10-28T07:18:39.436Z (about 2 months ago)
• Topics: axios, bootstrap, react, styled-components
• Language: JavaScript
• Homepage:
• Size: 479 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Smart App

This is project using MUI with React.

The purpose is to practise the skill using the command of the Git.

# Tech stack

React, MUI

# How to run the project

```

npm install

npm start

```

# Page description

## NFTs page

- There is endpoint to return paginated NFT listings:

```

https://api-mainnet.magiceden.io/idxv2/getListedNftsByCollectionSymbol?collectionSymbol=okay_bears&limit=20&offset=0

```

- On load, first 20 NFT listings in a grid is shown, the grid become responsive

- Each card consist of an image, name, price

- When user scrolls down the page, more listing is shown.

- It is possible to searh NFTs by name (frontend side)

## Teletubbies page

- There is `teletubbies.json` in `public` directory.

- On load, first 20 teletubbies listings in a list is shown, the list become responsive

- Each card consist of an image, name, descrition and traits.

- When user scrolls down the page, more listing is shown.

- It is possible to searh NFTs by name (frontend side)