Beyond Border

Inspiration

I was inspired to create this project when, during a conversation with a friend, I noticed how little they knew about the world around us. I started asking other friends and family members and was very surprised to discover that very few people in today’s world are interested in what surrounds us.

What it does

The application is designed to encourage people to take an interest in the world around us. It is intuitive and visually appealing.

How we built it

I built the application using the React framework and the Three.js library. For testing, I used the React Testing Library.

Challenges we ran into

One problem I encountered concerned the synchronization of iterations. Specifically, the program was supposed to iterate through each sentence in an array and then iterate through each character within each sentence. The issue was with synchronizing these iterations. The program would mix up the order of letters and the number of characters. When I formatted the code and created two separate states—one for the sentence index and another for the character index—the problem was resolved.

Accomplishments that we're proud of

I am proud that during the presentation of the application to people at the university, it garnered a lot of interest and received very positive feedback.

What we learned

While working on the project, I learned how to use the Three.js library and improved my skills in testing applications.

What's next for Beyond Border

The application will continue to be developed. I believe that combating lack of information and misinformation is extremely important, which is why I intend to keep working on the project.

Built With

• javascript
• react
• react-testing-library
• three.js