Giter Club home page Giter Club logo

motika's Introduction


Mo Tika 💉

MoTika is a portal for the district of Khurda, Odisha to get the information about the availability of COVID-19 Vaccine.

About Mo Tika 💉😷

Mo Tika is a website specially meant for Khurda District of Odisha State to Track the availabilty of COVID-19 Vaccine.

I usually used to face difficulty to find the vaccine status near me and therefore meant this only for my district. It uses the Open API provided by CoWin to get the status of vaccines. All the data are fetched from the API itself, the website only renders the content.

Screenshots 🖼

Desktop View 💻

Desktop View 1 Desktop View 2
screenshotDesktop1.jpg screenshotDesktop2.jpg

Other Device View 📱

Moto G4 iPhone X iPad
screenshotMotoG4.jpg screenshotIPhoneX.jpg screenshotIPad.jpg

Features 🚀

  1. Real Time Update (from the CoWin API). 📈
  2. Attractive UI. 🌈
  3. Tabular Form Data. 📑
  4. Search Bar (PIN Code Search). 🔎
  5. Automatically Date Picker from IST. 📅

Required Improvements ✅➕

  1. Google Map Link for Vaccine Centers. 💉
  • ~~Search Bar.~ 🔎~~ - Improved by @roshanbiswanath
  • Automatically Date Picker from IST. 📅 Improved by @roshanbiswanath

Bug 🐜

  • Dates are changed manually. 📅 - fixed by @roshanbiswanath

Built with

Contributors

image image image

References 🌐

  1. Cowin API: for API
  2. Colorlib: for Table Theme

motika's People

Contributors

imgbotapp avatar roshanbiswanath avatar samarjeetbanik avatar sanjana-027 avatar saswatsamal avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

roshanbiswanath samarjeetbanik sanjana-027

motika's Issues

[ENHANCEMENT] Title Image & Content.

Hello there,
Before the content of the website is look as below img:-
WhatsApp Image 2021-10-08 at 5 12 26 PM

If we centre this content , it will look so nice as given in below img:-
WhatsApp Image 2021-10-08 at 5 12 26 PM (1)

[ISSUE] Button (Mobile View).

If we add spaces between the button , it will clear & nice :-
WhatsApp Image 2021-10-08 at 5 27 01 PM
.
I will like to do this .

Thanks!

UI Enhancement

image
As you can see in the attached picture , the titles in each row are nearly invisible and serve no purpose in desktop view.

I would like to

  1. either hide them in desktop
    or
    2.change to color to make them a little more visible.

If you would like me to work n this please tell which solution should be implemented.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.