#  flutter-cocola-james-game


 ![cocola-james](https://github.com/aratheunseen/flutter-cocola-james-game/assets/62181222/26eeb1b1-3390-4a68-b209-967058c77cfe) | 
|:--:| 
| *Main Screeen* |

An educative game built with flutter for "Nasa Space Apps Callange Hackathon, Bangladesh" that gives a brief overview of James Webb Space Telescope with augmented reality and 3D visualization and also it has some extended features like quiz game, space telescope histories, puzzle games and more.

## Getting Started
Step 1:

Download or clone this repo by using the link below:

    git clone https://github.com/aratheunseen/flutter-cocola-james-game.git

Step 2:

Go to project root and execute the following command in console to get the required dependencies:

    flutter pub get 

Step 3:

Build apk files from project:

    flutter build apk

## Features
   - Firebase Authentication
   - Jems Telescope Information (Parts wise)
   - AR Visualization of Jems Webb Telescope
   - Puzzle Game (e.g. Space Puzzle)
   - Quiz
   - Leaderboard
   - Space Coin Shop
    
## Screenshot

<table align="center">
  <tr>
    <th>Authentication</th>
    <th>Telescope Details</th>
    <th>Navigation</th>
    <th>About</th>
  </tr>
  <tr>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/4796f31e-5493-4141-9065-d49b54702a1a" width="500"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/726f0159-98c7-4440-bd75-a8dea9ae2d81" width="500"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/25504e31-853d-4424-b626-613f71018024" width="500"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/cd8e8c32-427c-40be-83b0-03162debbdca" width="500"></td>
  </tr>
  <tr>
    <th>Splash</th>
    <th>Game Screen</th>
    <th>NASA Live</th>
    <th>Quiz Screen</th>
  </tr>
  <tr align="center">
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/3993c3b2-acad-4974-8864-4b837ade3a38" width="350"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/c84e8b2e-6804-4a79-90ec-2a01a4edb507" width="350"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/9d522205-aaf3-4a9b-a69f-6fb49aeca749" width="350"></td>
    <td><img src="https://github.com/Jackfrst/Cocola_Jems/assets/60434580/ea2c6745-dac4-4cbb-b4e1-61f5c271539f" width="350"></td>
  </tr>
</table>

## New to Flutter?

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)

For help getting started with Flutter development, view the
[online documentation](https://docs.flutter.dev/), which offers tutorials,
samples, guidance on mobile development, and a full API reference.