Giter Club home page Giter Club logo

intro-to-oss-demo's People

Stargazers

 avatar

intro-to-oss-demo's Issues

Left arrow to navigate to previous dog image

###Context**

Would like to see a back (left) arrow to be able to see dogs that have been swiped by.

Expected Behavior

Add left-arrow icon to the left of the heart icon which, when clicked on, navigates to the previous dog image.

Acceptance criteria

Navigate through the list of dog images with left arrow to go to previous image. Naturally, the arrow should not appear for the very first image.

Steps to recreate the issue (for bugs)

N/A

Screenshots

N/A

Additional information

N/A

Add names of dogs for each image

Context

Name of the dog

Expected Behavior

Include text at the bottom of the picture that has the name of the dog that is currently being viewed

Acceptance criteria

Add label for text underneath picture icon, include a requirement for text to be entered upon submittal of picture

Screenshots

N/A

Additional information

Future feature: Cats

###Context**
Could we find a cat api to include in a feature or a sister app?
Describe the issue in detail.
The dog currently on your screen looks sad and scruffy.
Expected Behavior
Describe what behaviour you were expecting.
I expected the dog to look happy and not scruffy?

Acceptance criteria
What needs to be done so that this issue can be marked as solved?
The app should evoke a feeling of happiness.

Add theme toggle for dark mode

###Context**

Would love to be able to toggle darkMode
darkMode, so hot right now.

Expected Behavior

Add a visual, functional toggle button for the user to be able to toggle from lightMode (which it is currently in) to darkMode.

Acceptance criteria

Theme toggler is added and the user has control of the theme of the app.

Additional information

darkMode...so hot right now.

Dog Image Click - Details

###Context**

Describe the issue in detail.

Make sure an image shows a dog's name and background.

Expected Behavior

  • Make it so when you click on a photo of a dog, it shows the dog's name and their background

Describe what behavior you were expecting.

Acceptance criteria

What needs to be done so that this issue can be marked as solved?

  • Users will be allowed to click on a photo and understand a dogs name and details on what makes them unique.

Steps to recreate the issue (for bugs)

Screenshots

If you have screenshots, please include them here.

Additional information

Here, you can provide any additional information or documentation you have.

  • Don't know much about JavaScript but maybe add HTML syntax where an unordered list below each dog photo appears when you click on (s)he.

  • Maybe make it so all photos of a dog are their own div and the same with the unordered lists so customizing the photos and the tables in CSS will be independent of the entire web page styling.

Feature match background color to image

###Context**

Describe the issue in detail.
Background color should be dynamically set

Expected Behavior
Select a color for the background that matches colors in the image.

Describe what behaviour you were expecting.
Take sample of the colors in the image use the most popular color as the background.

Acceptance criteria
Background color changes for each image displayed

What needs to be done so that this issue can be marked as solved?
Verify background color is changing

Steps to recreate the issue (for bugs)

If the issue is a bug, please describe the steps needed to reproduce it. (Remove this part of the template is this issue is not a bug)

  1. ...
  2. ...
  3. ...

Screenshots

If you have screenshots, please include them here.

Additional information

Here, you can provide any additional information or documentation you have.

Add title to section of liked dogs

Context

The section that houses the dogs that the user liked does not have a title.

Expected Behavior

There should be a title or heading of some sort that should be above the "liked dog section."

Acceptance criteria

A title of some sort should be added above the dogs that are liked to improve user experience and appearance

Steps to recreate the issue (for bugs)

Screenshots

Additional information

Change Heart Icon Color

###Context**

Heart icon does not turn red after liking/favoriting a picture

Expected Behavior

Heart icon to turn read after a picture if liked/favorited

Acceptance criteria

Heart icon will turn red to reflect that the picture has been liked/favorited

Steps to recreate the issue (for bugs)

N/A

Screenshots

N/A

Additional information

N/A

Asteriks instead of number signs next to Context

Context

Describe the issue in detail. Change asteriks around context.

Expected Behavior

Describe what behaviour you were expecting.

Acceptance criteria

What needs to be done so that this issue can be marked as solved? Changed numerical signs to asteriks.

Steps to recreate the issue (for bugs)

If the issue is a bug, please describe the steps needed to reproduce it. (Remove this part of the template is this issue is not a bug)

  1. ...
  2. ...
  3. ...

Screenshots

If you have screenshots, please include them here.

Additional information

Here, you can provide any additional information or documentation you have.

Change color of heart and arrow icons

*Context

The heart and arrow icons are both gray.

Expected Behavior

The heart icon to be red and the arrow icon to be green.

Acceptance criteria

The heart icon is visible as red on the page and the arrow icon is visible as green on the page. The shade of red for the heart is #FF0000 and the shade of green for the arrow is #00FF00.

Steps to recreate the issue (for bugs)

No steps to recreate. Just open the app.

Screenshots

N/A

Additional information

N/A

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.