Giter VIP home page Giter VIP logo

betsy's People

Contributors

camilleryr avatar

betsy's Issues

Populate your blog page from data in the database

Using the database you have in local storage for your blog articles, follow the ETL process.

  1. Extract the blog article data
  2. Transform each blog article into an <article> element string.
  3. Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="articles">
        // Each new <article> will be inserted here
    </section>
</body>

Populate your contact page from data in the database

Using the database you have in local storage for your contact links, follow the ETL process.

  1. Extract the contact data
  2. Transform each social media object into an <article> element string.
  3. Load that string into the DOM

You may want to create a section element in your HTML file to contain each article.

<body>
    <section id="social-media-links">
        // Each new <article> will be inserted here
    </section>
</body>

User Info

GIVEN :
A user has created a BAND account and is being logged in for the first time

THEN :
They will be presented a form to input the necessary information to associate with their account

WHEN :
The form is filled out and the data is submitted, the user will be presented with their accounts dashboard

FEATURES :
When a user creates a BAND account they should be prompted to fill out a form of necessary information before they proceed into the app. Name / Location / Website / Photo (TAKE OR CHOOSE FROM LIBRARY) / Bio - Once the form is submitted they should be taken to their accounts dashboard

Paginate your blog articles

Given a user visits your blog page
When the page loads
Then the user should see the first 5 articles of your blog
And there should be numbered pagination links at the bottom of the page so the user can view subsequent sets of five articles

LOGOUT

GIVEN :
A user wishes to logo out of the app

WHEN :
They performa a gesture on a LOGOUT affordance

THEN :
They are taken back to the login / create view and they are removed from the active user state

FEATURES :
A log out button should be available in most/all views. Will remove firebase authentication and remove user specific content from all views

Project searching

Story

As a user, I should be able to search projects on title and content

Acceptance Criteria

Given the user wants to view your projects
When the user clicks on the Projects navigation item
Then the projects should be displayed in descending chronological order
And there should be a text input at the top of the first article with a "Search:" label

Given a user wants to search your projects
When the user types 3, or more, characters in a search bar at the top of the screen
Then the projects should be filtered to any that have those characters in the title, or description of the project

Blog searching

Story

As a user, I should be able to search blog article on title and content

Acceptance Criteria

Given the user wants to read the blog articles
When the user clicks on the Blog navigation item
Then the blog articles should be displayed in descending chronological order
And there should be a text input at the top of the first article with a "Search:" label

Given a user wants to search your blog articles
When the user types 3, or more, characters in a search bar at the top of the screen
Then the articles should be filtered to any that have those characters in the title, or body of the article

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.