Project mmB Blogging

# mmB Blogging <iframe src="https://giphy.com/embed/13UZisxBxkjPwI" width="480" height="269" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- ### Demo <iframe src="https://giphy.com/embed/l4JyJHAF8blvfplf2" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> [Link to mmB Blog on Heroku](https://mmb-blog.herokuapp.com/) --- ### Behind the scenes & Process [Link to our Repository](https://github.com/fac22/mmb-blogging) - We first decided to make issues for each user story using our Kanban board. - We were going to split these up but they were reliant on each other - We then heard about live share, which was a game changer. - We then worked through the problems together on live share for the rest of the project --- ### What worked well - Working on the project together in vscode live-share. - Everyone understood every step - Faster: everyone could see/react to changes without pull requests - Delegate: background-googling, have ideas, check browser... - We added a running `mistakes.md` file where we noted issues as we were dealing with them. --- ## What would we do in future or differently? ### Project features - An /error page when you try to enter a message that exceeds the character limit - Match the styling & interconnection of each page --- ## What would we do in future or differently? ### Process - Use ESLint & different branches - Equal credit on GitHub: take turns hosting live-share, include co-authors in commits - Not get demotivated when something doesn't work :sweat_smile: --- ### Problems we fixed [We documented our learning process](https://github.com/fac22/mmb-blogging/blob/main/mistakes.md) > ### Top Examples: - Message list: should it be an array, object. How access the object parts? - Scope of the message list items - Deleting the correct message - How CSS without an index.html? - Testing with Cypress, testing a form - Deploying on Heroku --- ## Any Questions  <iframe src="https://giphy.com/embed/28lD6wNNFricYDJUiu" width="280" height="280" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> ---