@itexpert120-contra.near [Posted on DevHub](https://near.social/#/devgovgigs.near/widget/Post?id=1430) ## Idea: Integrating React and BOS Widgets # DiscoverBOS: Journey Started This week, I embarked on the journey of working on the DiscoverBOS website. This opportunity represents a significant platform for promoting and attracting more individuals to the BOS ecosystem. Our goal is to streamline the onboarding process for those interested in Near BOS. - DiscoverBOS Website: [DiscoverBOS](https://discover-bos-viewer.vercel.app/) - Library Widget: [Library Widget](https://discover-bos-viewer.vercel.app/components) - Gateways Widget: [Gateways Widget](https://discover-bos-viewer.vercel.app/gateways) ## Experience The website is constructed using React, and what's particularly noteworthy is that we can seamlessly access any BOS Widget through the near-social-vm. This capability greatly simplifies the app development process for BOS, as it allows us to utilize pre-existing BOS components natively within React. This developer experience is truly exceptional. ## Accomplishments **Library Widget:** Initially, I created a library widget for browsing BOS components and facilitating searches. This endeavor provided valuable experience in crafting BOS widgets. I successfully designed a responsive and visually appealing library widget that boasts remarkable speed and functionality. I am immensely pleased with the outcome of this effort. **Gateway Widget:** Subsequently, I developed a gateway widget for viewing all the gateways associated with BOS. Crafting this widget within the BOS ecosystem was an enjoyable experience. It's worth noting that the widget's source code is hosted on GitHub, which eliminates the need for widget edits when updating gateway information. **Routing Enhancements:** To enhance the website's overall functionality and search engine optimization (SEO), I implemented several crucial routing enhancements. I resolved a routing issue stemming from Vercel's lack of support for the `_redirects` file by creating a `vercel.json` file and moving essential files like `robots.txt` from `/assets/` to the root directory. These improvements resolved multiple issues and enhanced the site's functionality. Additionally, I populated various education and community routes with links to related resources. ## Conclusion This week has been both enjoyable and rewarding as I witnessed my code in action. It was also a refreshing experience to work with React once again, contributing to the ongoing success of DiscoverBOS.