- 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
![截屏2024-03-02 00 03 20](https://private-user-images.githubusercontent.com/142470034/309442764-f8f9f933-47a6-4450-a34d-d27724305c3b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzA5NDQyNzY0LWY4ZjlmOTMzLTQ3YTYtNDQ1MC1hMzRkLWQyNzcyNDMwNWMzYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYzMFQxNDE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMmRjNjZjMWIwZDM3NmQwMjkzMWY2NzliNWQ5MjM2ZGZjYWI4N2Y2YWRhNTM3Y2IxMjIwMWVhOGE2MTk1ZmQzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.g8NIFLCLsEVeNgXo9pAFYeNyEu6mCa5OshwLL3gmzJI)
- 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.
- A text editor - preferably VS Code
- Installed node.js, vite, express dependencies.
npm install
To develop this document, you can follow the steps provided below:
- Create a fork of this project on Github
- Open the file in VS Code
- Run the following command:
npm run dev
- The website is deployed on: Site Link
- The API is deployed using Heroku. The repo for the server is documented on: dApp-Home-Server
- 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.
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.
![](https://private-user-images.githubusercontent.com/142470034/303462188-ecada299-7580-4edd-9dc8-3d7cb600743d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzAzNDYyMTg4LWVjYWRhMjk5LTc1ODAtNGVkZC05ZGM4LTNkN2NiNjAwNzQzZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYzMFQxNDE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMTQ4NWZhNzgyZDcyNTMzYmMxMDYyMTM5MDM3M2MyOTE2NGNmNzBkMzFjY2I4YWM5ZTM4ZTI2YzI2YTk1NWNhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.iTa_vtnmLY8MuGxc1gj2cvDUyh5nJjCT-NBt0bzbOyw)
![](https://private-user-images.githubusercontent.com/142470034/309442695-5b63aabb-af76-459a-8ffe-2d0d263885d6.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzA5NDQyNjk1LTViNjNhYWJiLWFmNzYtNDU5YS04ZmZlLTJkMGQyNjM4ODVkNi5qcGVnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYzMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MzBUMTQxNzQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjE4OTk3NTc1MzFjOWJlNDFlZDRiNzU5MzVhMTU3MjE4ZWQ0NDViM2Q3OGU5NzBlOWZjOTAyNjEzMDlkOTFkZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.fJQ-1-l0ZSA6ZIFKX4lKOnfSXPV576UbM8t2_p3BOYI)
![](https://private-user-images.githubusercontent.com/142470034/309442694-34241daa-a5b8-4970-9304-c30a07814738.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzA5NDQyNjk0LTM0MjQxZGFhLWE1YjgtNDk3MC05MzA0LWMzMGEwNzgxNDczOC5qcGVnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYzMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MzBUMTQxNzQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YzY5Yzk2MTk0NmViNDAxM2FiZjFmODg5MmUzN2NhMTc1NjEyZjEzY2IzNDJjZjI5YzNlYjNhMjdiYTM3Mzc4NSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.TZsivrpKzYCo3_bqW8mfl4yn08sdoCRnxcSbqKx2kwM)
![](https://private-user-images.githubusercontent.com/142470034/309442693-5baa03bb-102e-4952-b4fd-3f38ceccf76f.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzA5NDQyNjkzLTViYWEwM2JiLTEwMmUtNDk1Mi1iNGZkLTNmMzhjZWNjZjc2Zi5qcGVnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYzMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MzBUMTQxNzQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzIzZTU5NzAzYTYxNGUwMjg4ZjJmNTMwNWJkOGNjNmM1M2ZlNjFkMzg3MmMwZjc5ZjVlNzUwODllNjMxYzczMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.u4S-oDtFa4IpIRb1PZSV6bal25t0dL_m9fXc78MB-Cg)
![](https://private-user-images.githubusercontent.com/142470034/304296427-1fc660e6-a125-453e-88aa-aaf47fcb19af.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3NTczNjIsIm5iZiI6MTcxOTc1NzA2MiwicGF0aCI6Ii8xNDI0NzAwMzQvMzA0Mjk2NDI3LTFmYzY2MGU2LWExMjUtNDUzZS04OGFhLWFhZjQ3ZmNiMTlhZi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYzMFQxNDE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMjRhZWJmNjUxMjkwMWY5NDg0Y2E2NTg4YmJjODRlNDU1ZWQ4ZTcyNDJkNGViOTI5ZDhlNWNjNTE4MzU3N2NiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.fOnJLMcAQGwQDikBYlJhcgveMj54M-azH8D4BgnpewE)
- Lots of performance improvement for better user experience!!