Giter VIP home page Giter VIP logo

ness-inter-poll's Introduction

michalvankodev

Hi!

I'm passionate about software development. I've been programming web-applications since I was 14 years old.

Github repositories

Feel free to browse my repositories. Many of them are really old and outdated not finished side-projects. I used them to test some theories and architectures.

twitch stream

I stream on twitch almost every Tuesday and Thursday and occasionally on weekends. I like to talk to people about development and share valuable tips live. I usually code some little utilities or work on my blog and would like to also start a game development series. I plan on learning game development with rust bevy engine Come hang out in the chat and get to know me bit better.

Blog

Check out my blog where I write various guides and tips on development as well as personal stuff regarding my developer lifestyle.

ness-inter-poll's People

Contributors

jaroslavajaskova avatar kyptodaydream avatar lukasoscipovsky avatar maroskutschy avatar michalvankodev avatar tlojka avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

ness-inter-poll's Issues

UI Design

Depends on #3

Create a few simple wireframes which will serve as a good foundation for front end implementation.
No need to have particular UI framework or any UI styles in those wireframes. We just need to have a broader understanding of needed features and their placement.

Please take a good care of designing a good UX.

Test design

Before we are going to implement features we would like to have a good understanding of which tesdt framework we will use and how are we going to implement tests.

I'd like to have at least good coverage of main features of the inter-poll with integration tests.
After we settle on the front-end framework we will have to set up test framework. We don't have to integrate any continuous integration as long as we will make sure that everyone is keeping tests up to date and running them routinely.

RadioQuestion component

new RadioQuestion component is created that will listen to AddQuestionButton component

will be opened in the modal after clicking on radio option in AddQuestinoButton component and will contain fields

  • question text
  • 2 radio fields with editable label
  • button to add more radio fields
  • button to add question to poll

Design of architecture

Hello,
We have to design application design.

Key points:

  1. Database
  2. Backend technologies
  3. Frontend technologies
  4. Real time updates
  5. UX and UI design

TextFieldQuestion component

new TextFieldQuestion component is created that will listen to AddQuestionButton component

will be opened in the modal after clicking on radio option in AddQuestinoButton component and will contain fields

  • question text
  • button to add question to poll

CreatePoll View

new CreatePoll View is created that will contain

  • Header component (similar to HeaderHome)
  • AddQuestionButton component (open modal with option to choose from different types of quesitions - radio/text)
  • Publish component (just open modal with some option for now, not functional)
  • Close component
  • LoggOff component

Setup front-end image

Requirements:

  • Dockerfile which would build an image with static file serving server working on port 80 for production.

    • I am not sure if we will need this image running in development mode. I think that angular has its own development server which should work fine in development.
  • Initial scaffold of Angular project

    • Use angular CLI to scaffold a new angular project which should just have a Hello World component

LoggOff component

new LoggOff component is created that is common for PollStats view & CreatePoll view

PollStats view

new PollStats view is created with following

  • HeaderPollStats component
  • SendPollStats component (will open modal with some inactive option for now)
  • LoggOff component
  • Close component
  • plain blue gradient background for the body for now

Close component

new Close component is created that is common for PollStats view & CreatePoll view

Setup back-end image

Requirements:

  • Dockerfile which will have latest stable node environment

    • Keep in mind we have to have DEV environment as well as PROD
    • This Docker container will not include our code but it will share the disk via docker
  • Node project

    • TypeScript
    • Production build
    • Index route of API which will return Hello World

Write down use cases

As we are going to prepare for a planning session we will need to create a list of use cases which will then serve as a foundation for UI design.

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.