This project is a try to practice using git branches and incremental development in forms of using user-stories and agile principles through building a clean coded responsive mobile friendly HTML5 website for a fictional web design company. also using semantic HTML tags like header and footer as well as the basics of HTML and CSS. This is a great project for beginners in responsive design learners as well ..
The Motivation behin this project is to get more comfortable with branching and dividing problems into smaller ones using user-stories and agile way of thinking.
This is a screen-shot of the final live demo of this project.
- HTML5 /CSS
Clone the repository Open using Visual studio code .. Explore...
The project is divided into many steps as user-stories , please read DevelopmentStrategy.md for more details about each user story, Eech one of them is mapped to one or more branches as follows
| User-Story Name | Branch Name |
|---|---|
| CreateHtmlforIndex | add-head-meta |
| CreateHtmlforIndex | add-header-navbar-logo |
| CreateHtmlforIndex | add-showcase |
| CreateHtmlforIndex | add-threeboxes |
| CreateHtmlforIndex | add-footer |
| CreateStyleFile | add-styleclasses |
| CreateStyleFile | add-showcase-newsletter-boxes-styles |
| CreateStyleFile | add-footer-General-style |
| CreateServices&aboutPages | add-services-about-html-css |
| AddResponsiveEdge | add-responsive-css |
Project is: finished as it is for learninig purpose.
Based on the acme-web-design tutorial from Traversy Media.
Created by Rasha Ali https://rashaali84.github.io/ - feel free to contact me over GitHub!
Here you are a summery of what I struggled with, what I learned, and what skills I need to practice further.
| My Learning points | As a web developer I learned how to downsize projects to smaller parts and attach this small parts in order and the way of building up projects in a way I can track down the smallest commits and reverse it back if needed , without rolling back the whole master thread . so more productivity with more organized plan and less mess and less efforts .when we compare that model with the waterfall classic project life cycles in which every step is built on the previous one and rolling back in those type of projects is a big problem and that is not convenient with real life projects .
| Skills to be practiced more | As a web developer I get more comfortable in using git commands form git bash terminal and the right sequence of pushing and pulling and branching .Also I learned how writing user stories ahead to organize my work in the project.
| Struggles | There was no struggle , tools like github and git and atom were really smooth and easy to use and once you do the prep-work well ,going through homework is a smooth process .
Thank you ...