WDDM: Final Composite Project
Web "Store" Application Interface
Overview
Develop a single-page interactive web application to manage an inventory of products for sale. The theme of the website will be of your choosing; You may sell any type of product.
Using the provided HTML document (index.html) as a starting template only, you will develop unique content and design for 20 products and display them in an HTML document dynamically.
From that point, under the direction of your course instructors, you will design and develop: the application's design system, user experience, development tooling, interface, and functionality. Each student will have unique outcomes and challenges based on the chosen theme and the ability to implement a creative solution.
To Get Started Now
Every student should complete these steps as soon as possible:
- Fork this repository by clicking the "Fork" button in the top-right corner of this repository to make a copy of the project to your Github account (must be logged in)
- After forking, ensure your Github account name is shown ahead of the repository name (and the page url), for example:
your-github-name / webstore(whereyour-github-nameis your Github username, notwddm-f19!)
- After forking, ensure your Github account name is shown ahead of the repository name (and the page url), for example:
- Clone the forked repository (From VSCode:
Cmd + Shift + p, search for "Git: Clone repo". Paste your repo url. Save to your desktop) - Make the website site live by visiting "Settings" (from the repo homepage's sub menu (at the top), or add
/settingsto your repo's home url). Scroll to the "Github Pages" section and change the "Source" dropdown to show "master branch" (default is likely set to "None"). - Add the live site's url to the repo home page by revisiting "Settings" > "Github Pages" and copying the page URL (it should be similar to
https://[your-github-name].github.io/webstore/). On repo's home page, edit the repo description and paste the URL in the "website" input field, then save.
Your repository will by tracked by the original as a fork, which will be used as your submission on the due dates automatically. All work must be committed and pushed to that repository to submit - no exceptions.
Remember: If anything goes wrong with your repo at any point, you can: download the code, delete the repo from your account, re-fork, clone, compare your local code to the downloaded version and paste in the source code that's most recent, commit, then push.
You may keep your repository "private" until prior to submission, but may be asked to share code or documents with your instructors for assessment prior to submission. Ensure you are committing frequently and backing up your work to a remote after each work session.
Submission & Grading
Each instructor will provided details on their respective requirements.