This project was generated with Angular CLI version 7.3.5.
- Keyword, Category and Distance Placeholder
- Form displayed properly
- The drop-down list should contain all categories
- Zip Code edit box must be disabled when choosing “Current location” radio and enabled when selecting “Other”
- Validation for the search inputs and the error message(s)
- Validation for zip code
- “Clear” button resets the search form to the initial state and clears results area
- Disable and enable the “Search” button appropriately
- Obtain user location
- Zip Code Autocomplete
- Wish List
- Product clickable
- Tooltip and Restricting Product Name
- Details button enabled, disabled appropriately and navigate to product details for last clicked product
- Pagination
- Highlighting the selected row
- No missing cell/column
- Image, Title, Price, Shipping, Seller, Wishlist
- Gold icon/black (y/n)
- Add from search list/detail
- Deletion from search list/wish list/detail
- Display total shopping cost correctly
- Enable/Disable detail button correctly navigate to product details for last clicked product
- Animation: slides in from the left
- Product name above tabs
- Show every row in the table in the specified format
- Show “Product Image” modal correctly with all images - modal, carousel, black background, click on image to maximize
- Set up Google Custom Search engine API
- Display all photos as shown in the video in a Masonrysstyle laout
- Photos can be opened in a new tab
- Table display information in the specified format
- Ticks and crosses displayed correctly
- Table display information in the correct manner
- Display seller popularity using circle progress bar correctly
- Display Feedback Rating Star correctly
- Click on store - links to store
- Dropdowns with proper categories and disabled/enabled correctly
- Display products in the correct way (including clickable names and proper images)
- Show More/Less works
- Sort by: default, product name, days left, price, shipping cost; Sort order: ascending, descnding
- Similar products API call
- List button display and navigate to results/wish list properly
- Wish List button
- Facebook button
- Progress bar
- No records messages
- In mobile browsers, all of the pages should be the same as screenshots provided in description document
- In mobile browsers, all search, wish list, and Facebook functions must work
- In mobile browsers, the animation must work
- Dark theme
- Animation must be implemented with Angular
- Autocomplete must be implemented with Angular
- The app should be implemented using Bootstrap
- Node.js script must be deployed on GAE/AWS/Azure, and an additional link should be added to the list of homework, with a format similar to the following:
http://xxx.appspot.com/[path]?[list_of_the_parameters_and_sample_values]
Or
http://xxx.elasticbeanstalk.com/[path]?[list_of_the_parameters_and_sample_values]
Or
http://xxx.azurewebsites.net/[path]?[list_of_the_parameters_and_sample_values]
- Most API requests must be made on server side. Only ip-api can be called on client side
- The window should not reload for any kind of data request. All transactions are asynchronous
- The program must work in Chrome and Firefox on desktop, and Safari and Chrome on mobile devices
Run npm start to concurrently run an angular dev and a nodejs server, which automatically opens http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.