About the project
1. This project is to implement the learnt concepts into a project after every group of lessons.
2. The concepts like mostly-fluid, responsivity, character limiting,
view-ports, media queries are being implemented.
3. It is built using the mobile-first approach.
How to view this project?
1. Clone/Download this project
2. Open the index.html
3. Test the responsivity using the chrome dev tools.
About the project
1. This project is to implement the learnt concepts into a project after every group of lessons.
2. The concepts like Grunt JS, calc(), responsive images, image optimizations using appropriate tools,
and other styling to the containers.
3. It is built using the mobile-first approach.
How to view this project?
1. Clone/Download this project
2. Open the index.html
3. Test the responsivity using the chrome dev tools.
Amount of MegaBytes Transferred After Stage 1 Image Optimization : 1.2 MB ( Almost 3x traffic reduction )
About the project
1. This is a project where a dummy chat room is simulated
2. A PROGRESSIVE WEB APP is built.
3. This PWA can work offline, work like a native application in a phone.
4. It also stores a cached version of the images, pages and posts.
How to view this project?
1. Clone the repo
2. open command line/git bash in the Wittr directory
3. npm install
4. npm run serve -> everytime you wanna run the App
5. Open the App in a localhost:8888
6. CTRL+C in the cmd line/gitbash to stop running
About the project
1. This is a project to demonstrante the use of AJAX requests
2. Two APIs are used in this project
3. An image API, a NEWS API
4. When You search for a particular topic, you get an image for that word
and then a list of recent news for that topic
How to view this project?
1. Clone this repo
2. Go to the index.html
3. Open with live server through VS Code, ATOM or by installing the live-server npm