Skip to content

RubyQianru/dApp-Home-Page

Repository files navigation

Overview

  • Avala dApp is a MERN fullstack web application Qianru Zhang is continuously developing. Avala website features a startup website for iOS Avala mobile dApp.
  • Mobile Application: Avala

Exhbition

截屏2024-03-02 00 03 20

NYU Winter Show 2023

Techstack

Responsibility

  • Developing React frontend web application with robust full stack to communicate with web3 architecture.
  • Integrating Web APIs with Node.js on global cryptocurrency data and quotes to establish real-time analytics platform.
  • Showcasing expertise in Web3D interactive user interface using React Three Fiber to promote innovative web VR CX.

Setup

Prerequisites

  1. A text editor - preferably VS Code
  2. Installed node.js, vite, express dependencies.
npm install

Develop

To develop this document, you can follow the steps provided below:

  1. Create a fork of this project on Github
  2. Open the file in VS Code
  3. Run the following command:
npm run dev

Site preview

  • The website is deployed on: Site Link
  • The API is deployed using Heroku. The repo for the server is documented on: dApp-Home-Server

Built with

Future Improvements

  • Add "sign up" function for receiving newsletter.
  • Add user database for users who connect their wallets.
  • Add better guidence and interactions for improved user experience.

Preview

/NFT Gallery: Web3D VR Gallery

A cutting-edge web 3D experience seamlessly linked to users' decentralized web 3 wallets. Elevating the NFT experience beyond traditional 2D galleries, Avala platform, powered by React-Three-Fiber, invites users into a web virtual reality space. Explore and interact with your NFT collection like never before, as we redefine the future of digital art appreciation and ownership.

Responsiveness

/Community: Interactive 3D Design

Notes & Process

Challenges & Struggles

  1. Lots of performance improvement for better user experience!!

Design Process