Spidey3AR (Spider-Man: No Way Home Clone)

Date: 02/11/2022

By: Mike Allen

Portfolio | GitHub | LinkedIn | Twitter

---

Watch The Demo

_Description 🕸️ 🕷️ 🕸️ _

A Clone of the Spider-Man: No way home mobile App. I usally see tutorials where people learn developement and they all clone the same apps. I wanted to go above and beyong to learn new things in my developement career and clone this alone and do something no one else has ever done. The Spider-Man: No Way Home app was one of my favorite mobile apps of 2021. My goal was not only clone this but to tackle the complexity of AR within the react native ecosystem and dual drawers within react-navigation. Along the way ive made a few visual design choices to pay homage to all three Spidermen in the movie. Enjoy the Immersive Experience!

---

Technologies Used

• React Native/EXPO
• Typescript
• Redux

---

Libraries Used

• React Viro (AR/VR)
• Moti (@nandorojo)
• React-Native-Bottom-Sheet (@Gorhom)
• Nativebase
• React Navigation
• Expo SVG
• Expo Vector Icons
• Reanimated

---

Screenshots

No Way Home

Image #2

---

Future Updates

• Future Update 1 - Add AR Screen
• Future Update 2 - Add AR Screen Recorder
• Future Update 3 - Add Message Bot

---

Trello Board

• Trello Board

---

Credits

Spider-Man No Way Home Site: No Way Home

Spider-Man Images: Google Search

Nativebase Docs: Native Base Components

MDN Sheet: JS Methods

---