Giter Club home page Giter Club logo

greenerfrontend's Introduction

Greener: A terrarium focused app that helps clients relax on multiple tech fronts.

Note: This repo is for the Greener frontend. For the backend visit Greener Backend

Authors:

Darius Lee Pasilaban, Bryant Davis, Leah Russo, Riva Davidowski, Robert Rizo

Using Greener:

User will need to sign in to create an account. They can then login into our React Native application manually or through OAuth. Once logged in, they are redirected to the Collection page. Here they are given a starter Terrarium.

Once selected, they are taken to the Happy Terrarium page. It is here that they can perform actions on the plant they have selected and earn currency. Actions include: Water plant, Talk to Plant, and Sunlight.

User Stories

  • A User will be able to login manually or through OAuth inorder to play the game
  • A MongoDB backend API will be utilized to generate all of the assets so that the app will have consistent rendering of the items
  • A User will be able to water their plants in order to have a fun interactive experience
  • A User will be able to generate in game currency in order to expand their collection of plants and terrarium

On the frontend:

  • React Native
  • Redux
  • expo Google Sign In
  • expo App Auth
  • Axios

On the backend:

  • MongoDB and Mongoose
  • Node.js and Nodemon
  • google-auth library
  • JWT

.ENV requirements on backend:

  • PORT=
  • MONGODB_URI=
  • CLIENT_ID=

Version Update

Version 1.0.1: Set up the repo and the docs before we begin an actual build

ERD

Wireframe

Testing: jest was used for testing the frontend and backend as well as "@code-fellows/supergoose": "^1.0.11"

Credits to:

Plant Vectors from Vecteezy free with atribution from Authors:

  • watchtaxinyc, Mini Stock, Diana, and MoonStarer
Tick Tac Toe Minigame tutorial from:
Plant UI tutorial from:

Krissanawat Kaewsanmuang

greenerfrontend's People

Contributors

bryantdavis1986 avatar leahgrace555 avatar pdariuslee avatar rivad2 avatar thatvetdevrob avatar

Stargazers

 avatar

Watchers

 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.