Merge branch 'main' of https://github.com/Abhinav-ark/timetable_csea

README.md

@@ -1,12 +1,32 @@
 # Timetable B.Tech CSE A Progressive Web App
-
+<div style="display:flex; align-items: center; justify: center; text-decoration: none ">
+<!-- <a href="https://visitcount.itsvg.in">
+  <img align='center' src="https://visitcount.itsvg.in/api?id=timetable-csea&label=Total%20Views&color=12&icon=5&pretty=false" />
+</a> -->
+<a href="https://github.com/Abhinav-ark/timetable_csea/actions/workflows/pages/pages-build-deployment" target="_blank" rel="noreferrer">
+  <img align='center' src="https://github.com/Abhinav-ark/timetable_csea/actions/workflows/pages/pages-build-deployment/badge.svg"/>
+</a>
+<a href="https://github.com/Abhinav-ark/timetable_csea/blob/main/LICENSE" target="_blank" rel="noreferrer">
+  <img align='center' src="https://img.shields.io/badge/LICENSE-MIT-green"/>
+</a>
+<a href="https://github.com/Abhinav-ark/timetable_csea" target="_blank" rel="noreferrer">
+  <img align='center' src="https://img.shields.io/github/created-at/Abhinav-ark/timetable_csea"/>
+</a>  
+</div>
 <img align="center" src="./Assets/img.png"/>
 
 - Simple PWA to display timetable for 6th Semester 2023-24 B Tech CSE A.
 - Built with
     - `HTML5`
     - `CSS3`
     - `JavaScript`
+
+## Features
+
+- [x] Time Table with Course Code and Slots.
+- [x] Tasks Table and Exam Schedule PDF Reader.
+- [x] Responsive Design.
+- [x] PWA (Can be installed on Android, iPhone and Desktop).
 
 <br>
 <br>
@@ -27,13 +47,8 @@
 <img align="center" src="./Assets/schedule_download_steps.png"/>
 <br>
 
-
-## Features
-
-- [x] Time Table with Course Code and Slots.
-- [x] Tasks Table and Exam Schedule PDF Reader.
-- [x] Responsive Design.
-- [x] PWA (Can be installed on Android, iPhone and Desktop).
+# Motivation 
+  Our classmates used to change the class whatsApp group's DP to a screenshot of the timetable to keep track of it on a regular basis. One day when I was trying to update the classgroup's DP to the new timetable, the quality of the image was unusable (text not readable) due to whatsApp's compression algorithms. I created a static HTML page of the timetable and added a manifest.json, hosted it on GitHub pages and updated it in the class group's description that evening. That simple pwa evolved into the one available today.  
 
 ## Contributors
 
@@ -43,7 +58,7 @@
 
 <br>
 
-> If You Want to suggest a change in tasks you can either raise an Issue (or) fork the repository, commit changes and create a Pull Request.
+> ❗If You Want to suggest a change in tasks you can either raise an Issue (or) fork the repository, commit changes and create a Pull Request.
 
 # Attributions
 - `App Icon`: Calendar icons created by Freepik - Flaticon