Giter VIP home page Giter VIP logo

greenspot's People

Contributors

mariuss94 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar

greenspot's Issues

React-Router

As a User

I want to navigate through the different app features easily
so I can enjoy my personal ux.

Description

Install react-router-dom to build an ui with different screens.

Acceptance criteria

  • insatall react-router
  • welcome screen route
  • Homescreen route
  • Menue route
  • Details Routes (Green energy forecast/News)
  • plz input route
  • forecast Chart route

Design (MVP)

As a Developer

I need an example for the design
so I can test the ux before I built the ui properly.

Description

An Adobe XD file with the ui design for the mvp.

Acceptance criteria

  • Welcome screen
  • Homescreen
  • Menue screen
  • Details Screen
  • zip code input screen
  • loading screen
  • forecast screen
  • drop down navigation

Fetch GSI Api

As a developer

I want to fetch the information of the GSI api
so the user can reach them in the frontend.

Description

Build dynamic path in server.js to fetch the data for specific zip code from api.

Acceptance criteria

  • get data for zip code

Setup

As a developer

I need the right development environment
to start coding.

Description

I set up the basic directory structure, the dependencies, scripts and the deployment of the app project.

Acceptance criteria

  • run react app
  • deployment on Heroku
  • get data from json-server
  • run storybook
  • useable react-router-dom

UI components (mvp)

As a Developer

I want an first raw version of my ui components
so I can build the app and focus on the function of the features.

Description

Build a first raw version of the card components.

Acceptance criteria

  • menue card
  • details card
  • drop down navigation
  • loading screen

Forecast Screen

As a User

I want to see charts about the green power energy forecast for my city
so I can adjust my energy user behavior.

Description

Fetch the GSI forecast for a specific city and put out data in charts.

Acceptance criteria

  • fetch function (from server.js)
  • build chart

Features/User flow

As a user

I want to navigate through the app
so I can easily reach and use all features.

Description

An Adobe xd file to show the features and test the user flow of the Minimal Viable Product (MVP) of the app.

Acceptance criteria

  • Welcome screen
  • Home screen
  • PLZ input screen
  • Results screen

Build UI pages (mvp)

As a Developer

I want to have a first raw version of my app UI
so I can test the function of my features.

Description

Build all pages for the mvp.

Acceptance criteria

  • Welcome page
  • Home page
  • Menue page
  • Details page
  • PLZ page
  • Forecast page

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.