Skip to content

Welcome to Anatomy 3D React Mobile Application! This is a feature-rich mobile application designed to make learning about human anatomy interactive and engaging. With a 3D model interface, quizzes, and an integrated admin panel, users can dive deep into the Urinary, Digestive, and Respiratory Systems with ease.

Notifications You must be signed in to change notification settings

Zaibten/Anatomy-React-Mobile-Application-With-NodeJS-And-Mongo

Repository files navigation

🌐 Anatomy 3D React Mobile Application 📱✨

Welcome to Anatomy 3D React Mobile Application! This is a feature-rich mobile application designed to make learning about human anatomy interactive and engaging. With a 3D model interface, quizzes, and an integrated admin panel, users can dive deep into the Urinary, Digestive, and Respiratory Systems with ease. 🚀


🌟 Features

  • Built with React Native and Expo for seamless cross-platform support.
  • Interactive 3D anatomy models created in Blender and rendered in-app, covering:
    • Urinary System 💧
    • Digestive System 🍽️
    • Respiratory System 🌬️
  • Quizzes for users to test their knowledge:
    • Urinary System
    • Digestive System
    • Respiratory System
  • Email integration via SMTP to send quiz results.
  • Admin panel hosted at Zaibten Admin Panel to manage quizzes and users.
  • Backend hosted at Anatomy Backend to handle APIs, authentication, and email functionality.

🚀 Technologies Used

  • Frontend (Mobile App): React Native, Expo
  • Admin Panel: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • 3D Models: Blender
  • Email Service: SMTP

🔧 Setup Instructions

1️⃣ Clone the Repository

git clone https://github.com/Muzamilofficial/anatomy-app.git
cd anatomy-app
cd backend
npm install
# Create a .env file and configure environment variables:
# MONGO_URI=your_mongodb_connection_string
# SMTP_USER=your_smtp_email
# SMTP_PASS=your_smtp_password
# PORT=5000
npm start
cd ../admin-panel
npm install
npm start
cd ../mobile-app
npm install
expo start

🚀 Run and Enjoy!

  1. Mobile App: Use Expo Go or an emulator to preview.
  2. Admin Panel: Visit http://localhost:3000 or Zaibten Admin Panel.
  3. Backend API: Ensure the backend is running on your configured port.

🔗 Links

  1. Mobile App Repository: GitHub Link
  2. Admin Panel Live URL: Zaibten Admin Panel
  3. Backend Live URL: Anatomy Backend

📧 Contact

For questions or feedback, feel free to reach out at muzamilkhanofficials@gmail.com .

📸 Some Screenshots of the Project 🖼️✨

About

Welcome to Anatomy 3D React Mobile Application! This is a feature-rich mobile application designed to make learning about human anatomy interactive and engaging. With a 3D model interface, quizzes, and an integrated admin panel, users can dive deep into the Urinary, Digestive, and Respiratory Systems with ease.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published