Coder Social home page Coder Social logo

harshal0902 / space-origin Goto Github PK

View Code? Open in Web Editor NEW
5.0 2.0 3.0 171.48 MB

Explore the space with us through interactive 3D models and AR.

Home Page: https://space-origin.vercel.app

HTML 1.73% CSS 4.41% JavaScript 92.47% SCSS 1.39%
swao reactjs react-three-fiber echoar tailwind-css css

space-origin's Introduction

Space Origin

Our website uses interactive visual teaching methods using augmented reality. This approach is much better than traditional learning practices such as studying from books or 2d diagrams that will be really difficult for students to comprehend the visual aspects of various planets/spacecraft. After the pandemic, the new ways of learning practices are crucial, and our application enables one such method to the public.

Live demo

The site is deployed throught Vercel, which you can view from here
Checkout the ppt from here

Demo video

Checkout the complete demo video from here

๐Ÿš€ Main Features

  • Interactive 3D Models
  • Click on the Perseverance Rover and get information about different parts
  • Learn with Augmented Reality
  • Chatbot Assistant

๐Ÿ’ป Tech Stack

  • SAWO Labs
  • React Js
  • React-three-fiber
  • echoAR
  • Tailwind CSS & CSS

๐Ÿค Credits

Passwordless Authentication: sawolabs.com AR: echoAR 3D Models: sketchfab.com

Prerequisites

Required to install and run the software:

Installing and Running

From the project folder, run these commands in console (terminal) to install dependencies and run the app:

npm install
npm start

๐Ÿ–ผ๏ธ Some glimps of the site

Login Page login Home Page home Planet Page planets Spacecraft Page spacestation Perseverance Rover with tap and info feature mars rover Chatbot chatbot About Us about

forthebadge

space-origin's People

Contributors

adarshsc2000 avatar gauravsinhaweb avatar harshal0902 avatar teja-07 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.