Coder Social home page Coder Social logo

toddley's Introduction

Node.js CI

kindergarden-chat

A Chat-App especially for playschools.

toddley's People

Contributors

mskradde avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

toddley's Issues

Card Component

User story


As a developer,
I want to create a Card Component for my Channels,
to see all my existing Channels and have the possibility to add new Channels.
fix #31

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Modal input

User story


As a developer,
I want to implement a modal window,
if I click on AddChannel,
so I can select a Channel Name and a Channel Image.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Modal window list

User story


As a developer,
I want to implement a modal window,
so I can list all members to a specific channel.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Edit Profile

User story


As a user,
I want to edit my own profile,
so that I can add my name, a picture and write something about myself.
I also want,
that other user are able to see my profile,
when the communicate with me
Screenshot 2020-09-09 at 13 39 43

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

List active conversations

User story


As a user,
I want see all my active conversations,
so that I can communicate with all my contacts.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Initial Setup

User story


As a developer I want to setup the basic template

Notes / Links



Acceptance criteria

  • Prettier
  • Eslint
  • Create-React-App
  • Storybook
  • Json-Server

Small Header Component

User story


As a developer,
I want to add a header to my Channel detail site with dynamic headlines,
so I that I know in which channel I am.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Sign-in-Page

User story


As a user,
I want to sign in to the app,
so that I can create a new account,
with a new password and user name.

Notes / Links



Possibility to send an invitation-link via email.

Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

React Router

User story


As a developer I want to switch to the different sites on my app.

Notes / Links



Acceptance criteria

  • Set up React Router

Footer

User story


As a User,
I want to navigate between my profile, settings and the chat menu,
so I can switch between these three main functions.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Implement Chat function

User story


As a User,
I want to chat with my contacts,
so that I can send text messages and images to them.

Notes / Links



Acceptance criteria

  • Install Websocket
  • [ ]
  • [ ]

Add Settings

User story


As a user,
I want to have a settings area,
so that I can reset my password and request a new one,
turn on or off notifications and have the possibility to leave my Phonenumber for
two factor AUT

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Login

User story


As a User,
I want to login into the App,
so that I have a secure access.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Chat Input

User story


As a user,
I want to have an input field,
to type in text, emojis or send images.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Channel Overview Site

User story


As a User,
I want to list all channels,
so that I have an overview about all communications. Also I want to have the possibility to add a new channel to a specific topic.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Channel Details Site

User story


As a user,
I want to chat wit all the members in the Channel,
see who the different members are,
and go back to channel overview.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Add Fake API

User story


As a developer,
I want to have fake data,
to add images an names to new channel
and to list members from a specific channel

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]
  • [ ]

Create new Channel

User story


As a user,
I want to create a new channel,
so that I can talk with other people about a specific topic.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Start new conversation

User story


As a user,
I want to start a new conversation,
so that I can communicate with contacts that aren´t already in my list.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

Header

User story


As a user,
I want to navigate between my channels and my private messages,
so I can see which main menu I have chosen.

Notes / Links



Acceptance criteria

  • [ ]
  • [ ]
  • [ ]

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.