abelroland/apptheme

This week's project is to study the app-theme tutorial from Traversy Media.

App Theme-TEMPLATE

This project was build in order to develop better skills on HTML 5 semantics and responsive HTML/CSS design.

Furthermore, the idea is to spread the concept of branching in GIT, so each step of the project was build in a new branch.

The project was build with 11 branches + master branch, each branch related with one feature of the website. All the branches were merged on master by pull request with no fast-forward process. To follow up the process it was created 11 issues, one related with each branch development and six milestones, related with blocks of improvements on the website. Everything was organized in a project that automatically set the issues as to do / in process / done.

For the full development strategy of the project, please read this document.

apptheme's Issues

8 - Styling Contact Page

8. Styling Contact Page

As a site visitor, I can see the page Contact of the website, already with the styling

Repo

• Branch 8-contact-style

HTML

• Nothing.

CSS

• Develop the needed CSS content for the contact.html file.

2 - Styling Index

As a site visitor, I can see the website, already with the styling

Repo

• Branch 2-index-style

HTML

• Nothing.

CSS

• Develop the needed CSS content for the index.html file.

0 - Set up

0. Set-Up

A User can see my initial repository and live demo

Repo

• Generate from Template
• Write initial, basic README
• Turn on GitHub Pages
• Set the folder structure
• Copy the css required files
• Create the style.css file
• Import the pictures used on the project
• Develop the project, milestones and issues structures for follow up.

4 - Styling About Page

4. Styling About Page

As a site visitor, I can see the page About of the website, already with the styling

Repo

• Branch 4-about-style

HTML

• Nothing.

CSS

• Develop the needed CSS content for the about.html file.

7 - Contact Page

7. Contact page

As a site visitor, I can see a basic structure for the Contact page

Repo

• Branch 7-contact-page

HTML

• Develop the full HTML for the contact.html file.

CSS

• Nothing

5 - Services Page

5. Services page

As a site visitor, I can see a basic structure for the Services page

Repo

• Branch 5-services-page

HTML

• Develop the full HTML for the services.html file.

CSS

• Nothing

1 - Basic Structure

As a site visitor, I can see a basic structure for the web site

Repo

• Branch 1-basic-structure

HTML

• Develop the full HTML for the index.html file

CSS

• Nothing

9 - Adding Media Queries

As a site visitor, I can see the website in a responsive way

Repo

• Branch 9-media-queries

HTML

• Nothing.

CSS

• Develop the needed media queries for responsiveness.

3 - About Page

3. About page

As a site visitor, I can see a basic structure for the About page

Repo

• Branch 3-about-page

HTML

• Develop the full HTML for the about.html file.

CSS

• Nothing

10 - Finishing

Finishing and Validating

• Branch 10-finishing
• Write final, complete README:
• Validate code to check for any last mistakes

6 - Styling Services Page

6. Styling Services Page

As a site visitor, I can see the page Services of the website, already with the styling

Repo

• Branch 6-services-style

HTML

• Nothing.

CSS

• Develop the needed CSS content for the services.html file.