Projects created only by using vanilla JavaScript and jQuery
About the projects
These projects have been developed during the Udacity Nanodegree of Front-end Web Development. The Nanodegree funded by Google - AT&T - Github. The eligbility of the scholarship recipients was decided after a three months coding challenge.
Restaurant Reviews
- For an improved future css experience two new css files have been created for the responsive features of each page.
- Leaflet has been locally installed due to functionality issues. Installed imagemin to compress image and move newly created to the comp folder.
- Installed gulp-image-resize (with imagemagick & graphicsmagick) to resize the images for the mobile and tablet use.
- Modified js and responsive css to dynamically select the correct image according to user's device.
- A service worker has been installed for off-line view and lie-fi issues.
- Dynamically set alt image attributes
- Set labels where needed
- Set tabindex for improved navigation
- 100% in Google Chrome a11y Audit
- Website test devices : Galaxy S5, IPad, Desktop
The project is a responsive Restaurant Review site :
ARIA implementation
Chess Matching Game
- A user selects a card and opens a chess piece
- If the second card is similar then the two chess pieces stay on top.
- The game ends when the user finds all the eight different matching compilations.
- A modal pop-up window open up to show the score of the user.
- Score is based on the player Moves
- If there are more than 16, a star is removed.
- The game ends when the user finds all the eight different matching compilations.
- If there are more than 30, a second star is removed.
The project is a memory game, with a chess theme.
Rules :
Score calculation:
