https://github.com/limechain/nearjs-react-app
https://github.com/limechain/nearjs-react-app
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/limechain/nearjs-react-app
- Owner: LimeChain
- Created: 2024-01-23T11:45:37.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-21T06:17:44.000Z (over 2 years ago)
- Last Synced: 2025-01-23T08:18:12.193Z (over 1 year ago)
- Language: TypeScript
- Size: 7.52 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nearjs React app
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Tutorial on Medium
[Tutorial](https://medium.com/@limechain/integrating-naj-with-react-4bfd7f7ba2e4)
## Overview
This project serves as a foundation for building decentralized applications (DApps) on the NEAR Protocol using React and near-api-js. It includes a simple initialization setup and a basic structure for integrating NEAR functionality into a React application.
## Getting Started
1. **Installation:** Clone this repository and run `yarn` to install the necessary dependencies.
2. **NEAR Initialization:** The NEAR initialization logic is encapsulated in the `init` module. Customize this module based on your specific requirements, ensuring proper configuration of the NEAR connection and wallet setup.
3. **App Component:** The main application logic is located in the `App` component. Customize this component to implement your DApp's functionality.
4. **Rendering:** The project uses React and `createRoot` for rendering. Adjust the rendering logic in `index.tsx` based on your project's needs.
5. **Run:** Start the application by running `yarn start`.
## Key Features
- NEAR Protocol Integration
- React and near-api-js Setup
- Basic DApp Structure
## Preview
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).