My Thingy

[nek0senpa1]

MVP plus a few stretches

[blokboy]

Trello Set Up:

• Create a Trello account
• Create a new public board called "S&J Architects - By Your Name"
• Create lists titled backlog,To Do, In Progress, and Done
• Fill in the To Do list with the MVP features listed below
• Fill in the backlog list with all the extra features listed below
• Share your board with the Project Manager that has been assigned to you. If you have not been assigned yet, reach out to your lead TA for guidance

MVP

• Build layout HTML/LESS: Home page desktop design
• Build layout HTML/LESS: Home page mobile design
• Build layout HTML/LESS: Services page desktop design only
• Build layout HTML/LESS/JavaScript: Navigation system design
  • Non-expanded View Design: When the navigation is not active, it should be fixed to the top of the page at all times
  • Expanded View Design: When a user clicks on the navigation icon a full page overlay will pop over all the content on the page. The navigation icon will be replaced by a close icon. The user must click the close icon to return back to browsing the website. The home and services pages need to be linked together using <a></a> tags. You must use your own custom JavaScript for the opening and closing functionality, no bootstrap allowed for functionality on this feature
• Build Custom Component HTML/LESS/JavaScript: Services page tab navigator design
  • Using the assets provided, you must build the tab navigator using your own custom JavaScript component, no libraries allowed on this feature. You are encouraged to use code from previous weeks to accomplish this feature

Stretch

• Build layout HTML/LESS: Services page mobile design
• Build layout HTML/LESS: Contact page desktop design
• Build layout HTML/LESS: Contact page mobile design
• Make tablet look good if you haven't already
• Create 2 more pages named "About Us" and "Projects". Be creative on what kind of content you would put in there but match the heading layout of the services/contact us pages. Be sure to add the new pages to the menu system as well. Ideas for creativity: create a carousel showcasing all of the projects. Use pexel.com to get free images to create custom content around an architecture/building theme. For the about us page, you could make a list of employees that work there and showcase credentials. Make heavy use of lorem ipsum, don't waste time on content creativity at this point
• Use Greensock to add animation to the menu system when it opens and closes
• Build a custom carousel with your own components and use it throughout different pages on the site
• Take a look at Vue.js and see if you could implement some simple JavaScript examples in your site from their tutorials
• If you have experience with React, see if you could convert the site into a single page app instead of a multipage app by creating routes and components
• Incorporate animations on scroll events so that when users scroll through the site, content animates in or out of view
• Host your site on a domain you own

What Looks Good

• The JS is very concise for making effects on your menu items and such, and that's actually really beautiful, and the design itself is very on par with the design file! 👍

Where to Improve

• Just make sure you reiterate on the fundamentals and don't ever get too stressed out!

Commits

• Be a bit more descriptive with your commit messages -- give a bit more detail on why each one was actually necessary

Rating: 3