Coder Social home page Coder Social logo

amaanytime's People

Contributors

archae0pteryx avatar craineum avatar house9 avatar iameddieyayaya avatar nataliadiaz2 avatar pkajpust avatar randonee avatar sarmstead avatar zan-rosenthal avatar

Watchers

 avatar

amaanytime's Issues

✨ Answer a Question

Story

In order to engage with another user who is interested in me
As a user
I need way to answer questions from other users

Acceptance Criteria

  • On a users profile page, display any unanswered questions they have
  • Display all unanswered questions if there are multiple
  • Display of each unanswered question:
    • Avatar, name, and username of person asking the question
    • How long the ago the question was asked
    • The question
    • A way to write a response
    • Way to submit response
  • Once submitted
    • Question is removed from unanswered list
      • Next unanswered question moves up
      • If no more questions, unanswered area displays "No Unanswered Questions"
    • Question and answer are added to the answered question list on profile page
    • Also will display question and answer in the asker's "Asked Questions" list on their profile page

Design Implementation

Link(s) to design

Notes

✨ Profile Page

Story

In order to get to know another user
As a user
I need a way to view their profile

Acceptance Criteria

  • Clicking on another users avatar will load the profile page
  • Profile page should include:
    • A larger image of their avatar
    • Name
    • Username
    • Summary

Design Implementation

Link(s) to design

✨ Profile Questions Answered

Story

In order to know more about a person
As a user
I need to see what questions they have answered

Acceptance Criteria

  • On the view profile page away to see all "Answered" questions
  • Sorted by date/time with newest at top
  • Should follow the "feed" page display
    • Include the avatar, name, username of who asked them
    • How long ago they asked (minutes, hours, days, months, years)
    • The question asked
    • The answer that was given

Design Implementation

Link(s) to design

✨ Profile Asked Questions

Story

In order to know what a person is interested in
As a user
I need to see what questions they have asked

Acceptance Criteria

  • On the view profile page away to see all "Asked" questions
  • Sorted by date/time with newest at top
  • Should follow the "feed" page display
    • Include the avatar, name, username of who they asked
    • How long ago they asked (minutes, hours, days, months, years)
    • The question asked
    • The answer that was given

Design Implementation

Link(s) to design

✨ Profile Header

Story

In order to set the mood of my profile
As a user
I need a profile header image or color

Acceptance Criteria

  • On the Edit Profile page
    • Add an upload for a header image
    • Have messaging about it being wider that taller
    • Maximum size should be 5 MB
    • Can be any of these image types: jpg, png, svg
    • Ability to clear the image
    • If there is no image, default to a random color (which should match the avatar color)
  • Display header image/color on View Profile page
    • Crop image on mobile view

Design Implementation

Link(s) to design

✨ Add Tags

Story

In order to find people/questions/answers
As a user
I need a way to tag my self/questions/answers

Acceptance Criteria

  • When adding a question/answer or editing my profile
  • Ability to add tags
  • Limit to 15 tags per thing
  • Tags preceeded with a # mark
  • Tags not already persisted will be automatically persisted when thing is saved

Design Implementation

Notes

To start we will implement on the profile pages

✨ Feed/Home Styling

Story

In order to keep up to date with the latest Q&A
As a user
I need my home/initial page to be a feed of all recent posts

Acceptance Criteria

  • The feed page should be the home page for all users
  • Should display the top 20 most recent questions that have answers.
  • Time should be based on the answer not the question
  • Display:
    • Avatar (user that is answering)
    • Name & Username (that is answering)
    • Time (since answered)
    • Question
    • Answer

Design Implementation

Link(s) to design

Notes

  • Should only be concerned with the Q&As
  • Don't put the "<- Feed" header at the top
  • Don't add all the icons below each story. We will add those as we do those features.
  • This may be mostly implemented. May just need styling

✨ Simple People Search

Story

In order to find someone to ask a question to
As a user
I need search for current users

Acceptance Criteria

  • Can access search from the home screen
  • Search will search on username and name only
  • User can enter characters
  • Submitting search displays a lists of matches
  • If no matches, display "No users found"
  • Clicking on a user in the results links to their profile page

Design Implementation

Link(s) to design

Notes

✨ Sign Up Styling

Story

In order to get access to the application
As a potential user
I need a way to sign up

Acceptance Criteria

  • Should closely match the Log In design
  • Have a link to log in page
  • The log in page should have a link to sign up as well

Design Implementation

Link(s) to design

Notes

Use the fields that are a part of the template.

🧹 Finding people/content

Description

With the MVP currently not having search, need a way for new users to be found.

Affects

  • Core functionality

Consequences

Site can't actually function without manual intervention from developers.

Possible solutions

  • Make search MVP
  • Have every user answer some kind of initial question
    • This would then put them on the feed page
    • Then their profile would be available to click on
    • Which is where the ask a question is
  • Have a more central "Ask a Question" button somewhere
    • This would allow you to "search" for a user that you can select
  • Have a list of users page
    • Clicking on a user sends you to their profile page, which then allows you to ask a question.

🧹 Update Readme

Description

Document Redwood features used in this example demo application

Affects

  • Documentation
  • Users of Redwood

Consequences

Will be confusing to newcomers to the Redwood stack

✨ Footer Styling

Story

In order to protect our company
As a stakeholder
I need a footer that displays legal information

Acceptance Criteria

  • The footer should have the following links: About, Contact, Privacy Policy, Terms & Conditions, Disclaimer
  • Should also display copy right information
  • Footer should work in all layouts starting with Mobile

Design Implementation

Link(s) to design

Notes

Content and styling for all linked pages will come in future stories.

✨ Header Styling

Story

In order to use the site
As a user
I need navigation that is easy to access

Acceptance Criteria

  • Implement header for mobile users
    • Use reduced size logo for mobile
    • Logo should link to home/feed page
    • Display user avatar or first initial if none
    • Avatar should display menu that has links to different profile pages (use what we have now from the template)
  • Handle transition through the different breakpoints/device sizes
    • Desktop header is on left side of screen
    • Tablet should follow closer to Desktop version of design

Design Implementation

Link to mobile design
Link to desktop design

Notes

Skip the bottom tab navigation, we will implement that as we add Notifications, Bookmarks, etc. The same for desktop, in that only the logo and the avatar line should appear, not the navigation under the logo.

Login Styling

Styling the login as per figma for both mobile and desktop

✨ Edit Profile

Story

In order to allow people to find me
As a user
I need to set important information about myself

Acceptance Criteria

  • Selecting "Edit Profile" displays profile edit form
  • Includes the following fields
    • Name
    • Username
    • Pronouns
    • Bio
    • Location
    • Website
  • Saving persists selections

Design Implementation

Current Implementation:
Screen Shot 2022-12-27 at 1 50 40 PM

Notes

This is the current implementation, I am adding fields based on our current template, along with new requirements. The list above overrides the design.

✨ Ask a Question

Story

In order to find out more about someone
As a user
I need a way to ask someone a question

Acceptance Criteria

  • When viewing another users profile, there should be a way to ask a question
  • No character limit on question
  • A way to cancel the question
  • A way to submit the question to the user
  • Once submitted
    • Display in the users "Unanswered Questions" list
    • Display in asker's "Asked Questions" list
  • If the user doesn't complete the question, next time the input is displayed, the question field should empty

Design Implementation

Link(s) to ask question button design
Link(s) to ask question button design

Notes

✨ Legal pages content and styling [🛑 Blocked, see notes]

Story

In order to protect ourselves legally
As a site administrator
I need our legal copy displayed

Acceptance Criteria

  • Page is accessible via the footer
  • Add copy to page
  • Implement design as displayed

Design Implementation

Link(s) to design

Notes

  • Need to determine which pages we need (terms & conditions, disclaimers, privacy policy)
  • Need copy for the different pages

✨ Profile Questions Unanswered

Story

In order to know what a person may be ignoring
As a user
I need to see what questions they have not answered

Acceptance Criteria

  • On the view profile page away to see all "Unanswered" questions
  • Sorted by date/time with newest at top
  • Should follow the "feed" page display
    • Include the avatar, name, username of who they asked
    • How long ago they asked (minutes, hours, days, months, years)
    • The question asked

Design Implementation

Link(s) to design

✨ Profile Avatar

Story

In order to make my profile personal
As a user
I need an avatar image

Acceptance Criteria

  • On the Edit Profile page
    • Add an upload for an avatar image
    • Have messaging about it being square
    • Maximum size should be 1 MB
    • Can be any of these image types: jpg, gif, png, svg
    • Ability to clear the image
    • If there is no image, default to a random color (which should match the header color)
  • Display header image/color on View Profile page

Design Implementation

Link(s) to 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.