CSS Basics

User Experience: We want to use CSS to provide the user with a clean, simple layout with easy to find information.

Dev Notes: We want to use clean, eye catching, simple and effective CSS to achieve our look and feel, while matching our color scheme and style of our home page.

Acceptance Criteria: We will need all of the information to be laid out in a similar manner, which is cohesive and concise, and doesn't throw the user off balance switching from page to page.

Home Page Design

User Experience: We want the user to be greeted with a pleasant, clean user-friendly homepage with a navigation bar as well as a footer which includes all social media links.

Dev Notes: We will want to use Flexbox for the layout and it will contain a logo on the left and Nav-bar menu on the right, as well as the footer of course at the bottom.

Acceptance Criteria: We need a fully functional homepage which incorporates the navbar, links, footer and social media links. All links need to be tested.

Album Page

User Experience:

I want the user to be able to see a layout of existing albums from Afraid of Figs. The Album Cards will have Album Title, Image and Release Date.

Dev Notes:

We will be using a JS function that will be an object with arrays within the object, which will print the album info to the dom.

Acceptance Criteria:

Must have at least 6 albums, no more than 9 laid out on the page. Must have a high res image, album title and release date.

Tour Schedule Page

User Experience: When visiting this page, users should be able to view the date, time, venue, and city location of each performance.

Dev Notes: The page should contain a Javascript loop of some kind. All JavaScript must be written in functions. The page should also contain an array with an array inside each object. Each concert's information will be presented in a row.

Acceptance Criteria: The tour page must present all tour dates, times, venues, and city locations and in a clean, readable manner.

Javascript File

User Experience: We want the user to experience a smooth visit to the website, so we will be writing javascript functions to help bring the corresponding pages to life.

Dev Notes: We will be working on three different functions, that could quite possibly be used to accomplish the same results. If we can minimize the amount of functions used, that would be the ultimate goal.

Acceptance Criteria: We need fully working functions that have been tested by the team multiple times, not just one member.

Band Members Page

User Experience

As a user, I will see a nav bar and band symbol at the top, and 3 cards with the band member pictures, names, and instruments.

Dev Notes

The band member info will be an object with the member details being arrays within the object that are looped over and displayed by the dom.

Acceptance criteria

The nav bar will link to other pages, the band member information will be displayed correctly, the social media links at the bottom will link correctly.

Footer / Social Media Links

##User Experience
As a user, I will see a horizontal nav bar at the top right corner of the page, and centered social media links at the bottom of the page.

##Dev Notes
All pages will have the same nav bar, the social media links will go to the home page for each site.

##Acceptance criteria
All pages successfully navigate to other pages, all nav bars looks identical, and the social media links all open the pages successfully.

Nav Bar / Header Design

User Experience: We want the user to be able to locate the nav bar and use it effectively, without any questions about location or navigation

Dev Tools: Design a simple and effective nav bar which helps the user to navigate the site successfully.

Acceptance Criteria: We need everything fully functional and achieves all the goals mentioned above.