Giter Club home page Giter Club logo

vin-jex / dent-clack Goto Github PK

View Code? Open in Web Editor NEW
27.0 27.0 19.0 42.15 MB

Dent Clack is a medical application that helps people get access to quick appointment for dental treatment at the comfort of their home.

Home Page: https://dentclack.vercel.app

License: Other

JavaScript 2.98% CSS 7.95% TypeScript 89.07%
chartjs chartjs-2 css hacktoberfest hacktoberfest2022 hacktoberfest2023 hacktoberfest2024 html javascript material-icons material-ui nextjs14 open-source react-chartjs-2 swiper swiperjs tailwindcss typescript

dent-clack's Introduction

Hi ๐Ÿ‘‹, I'm VinJex

Frontend Engineer & Mobile Application Developer

vin-jex

vin-jex

_vinjex

  • ๐Ÿ”ญ Iโ€™m currently working on Vin-Jex Personal Website

  • ๐Ÿค๐ŸŒฑ I'm currently expanding my expertise by exploring Flutter

  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on projects that leverage technology to tackle real-world challenges and drive sustainable growth.

  • ๐Ÿค I'm seeking guidance and support to excel in my career within esteemed tech companies like Microsoft, Google, Twitter, or other leading firms

  • ๐Ÿ‘จโ€๐Ÿ’ป All of my public projects are available at https://vinjex.com

  • ๐Ÿ’ฌ Ask me about React, NextJs, Express, MongoDB, Dart and Flutter

  • ๐Ÿ“ซ How to reach me [email protected]

  • ๐Ÿ“„ Know about my experiences https://vinjex.com/about-me

  • โšก Fun fact I'm a self-taught Frontend Engineer & Mobile App Developer who can turn coffee into code! โ˜•๐Ÿ’ป

Connect with me:

_vinjex vinjex vinjex_

Languages and Tools:

android aws azure babel bootstrap chartjs css3 dart express figma flutter gatsby gcp git heroku html5 illustrator javascript mongodb mysql nestjs nextjs nodejs photoshop php python react redux selenium tailwind typescript vuejs webpack

vin-jex

ย vin-jex

vin-jex

dent-clack's People

Contributors

06b avatar adityabisoyi avatar agrim-sharma174 avatar avaneesh-dev avatar grey-a avatar lilphemy avatar manaslohani avatar olakaycoder1 avatar parush-uppal avatar pwnb0y avatar sandilya27 avatar so-uvik avatar tomoyakuroda avatar vin-jex avatar zmusaddique avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

dent-clack's Issues

[Feature]: A way to contact the medical institute

Is your feature request related to a problem? Please describe.
The website says alot about what the medical institute does but i cant seem to find a way to contact them

Describe the solution you'd like
It will be nice if we have a page where we can be able to contact the medical institute for our needs

Describe alternatives you've considered
We can also just slap a phone number on the homepage

[Bug]: About Card Weird Look

Describe the bug
The padding in the cards is too small from the top-left.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://dentclack.vercel.app/
  2. Scroll down to About section
  3. View the cards
  4. See error

Expected behavior
It would be nicer if there's a little bit of more padding from the top-left.

Screenshots
Screenshot_20221019-151644

Smartphone (please complete the following information):

  • Device: Android
  • Browser: Chrome

[Bug]: Improving the margins of heading, of sections, when called by clicking menu

Describe the bug
The headings of various sections are being cut in half, this doesn't seem nice

Like this:
1)
image

image

To Reproduce
Steps to reproduce the behavior:

  1. Go to the navbar
  2. Click on any section button
  3. Scroll down to the particular sections
  4. See the error

Expected behavior
There should be little bit gap between the headings and the navbar

Desktop (please complete the following information):

  • OS: Windows
  • Browser chrome

[Bug]: Remove Lorem Ipsum Issues

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://dentclack.vercel.app
  2. Use CTR + F to search for Lorem Ipsum text

Expected behavior
Expected well written meaningful words

Across All Devices

[Bug]: Add Contributors images

Describe the bug
Add contributors profile images at the bottom of the readme.md file and contributing.md file

To Reproduce
Steps to reproduce the behaviour:

  1. Go to readme.md
  2. Scroll down
  3. See error

Expected behaviour
Expected all contributors profile images to be added as soon as their pull request is accepted.

[Bug]: Broken aspect ratio of the hero image

Describe the bug
The aspect ratio of the hero image isn't kept on small viewport.

To Reproduce
Steps to reproduce the behavior:

  1. Go to homepage.
  2. Resize the window.
  3. See error.

Expected behavior
Current hero image (Window Size: 770px).
error

The aspect ratio should be kept like this.
desired

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome

[Bug]: Dropdown Navbar isn't well aligned (Mobile )

Describe the bug
The navbar items on small screens arent well aligned, they lean to the right

To Reproduce
Steps to reproduce the behavior:

  1. Go to Homepage on mobile
  2. Click on dropdown icon (two parallel lines at top right)
  3. See error

Expected behavior
The navbar items should be aligned in the middle with a color distinction from the navbar brand so as to make it prettier to the eyes

Screenshots
image

Smartphone (please complete the following information):

  • Device: All mobile views in chrome
  • Browser: Chrome

Click here to see the video

[Feature]: Design a Login Page

Is your feature request related to a problem? Please describe.
Nope it is not related to a problem but I feel that if there's a login at the nav then a login page should exist at least.

Describe the solution you'd like
I will create a Login page that has this website color scheme

[Bug]: NavLinks Alignment issue (Mobile)

Describe the bug
The Navlink is looking weird on small screen.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'dentClack.vercel.app on your browser'
  2. Click on 'the menu'
  3. See error

Expected behavior
I expected the navliks to be aligned at the centre bottom of the screen and within the bottom and logo

Screenshots
Screenshot_20221017-080140

Smartphone (please complete the following information):

  • Device: Android
  • Browser: Chrome

[Bug]: Image at top-right and Bottom left too small on mobile

Describe the bug
I expected the longest image height to be the least height and also look good at the same time.

To Reproduce
Steps to reproduce the behaviour:

  1. Go to dentclack.vercel.app
  2. Scroll down to About Us section
  3. See error

Expected behaviour
I expected the images to be bigger than 200px at least

Screenshots
Screenshot_20221017-081353

Smartphone (please complete the following information):

  • Device: Android
  • Browser: Chrome

Additional context
Change image to an image with longer height

[Bug]: Image Chopped Off

Describe the bug
Image looking weird in the testimonial section

To Reproduce
Steps to reproduce the behavior:

  1. Go to dentclack.vercel.app
  2. Scroll down to testimonial section
  3. Swiper to the next slide
  4. See error

Expected behavior
I don't expect the image to be cut off.

Screenshots
Screenshot_20221017-081451

Smartphone (please complete the following information):

  • Device: Android
  • Browser: Chrome

[Feature]: Offcanvas navbar (Mobile)

Is your feature request related to a problem? Please describe.
Regarding the navbar on mobile i want to suggest we make it offcanvas instead of extension

Describe the solution you'd like
The navbar toggler should toggle an offcanvas menu that shadows the main page on mobile

Describe alternatives you've considered
We can also keep the original one but i suggest we make some sort of distinction between the navbar brand and the navitems

[Bug]: Optimize images for SEO

Describe the bug
The website is very slow because images are not optimized.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the homepage.
  2. See error.

Expected behavior
The website should be faster.

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome

[Non code Issue]: Type Error in Readme.md file

Describe the bug
At the FAQs section you made a typo at the first paragraph

To Reproduce
Steps to reproduce the behavior:

  1. At Line ' FAQs Section'
  2. See error or Suggestions 'Who all can contribute'
  3. Possible fix 'Who can Contribute?'

Expected behavior
Expected 'Who all can contribute'

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

[Bug]: The navbar tabs are not right aligned.

Describe the bug
The navbar tabs (i.e. home, about services, specialists, testimonials) should be right aligned instead of center.

image

Expected behavior
The navbar tabs should be right aligned like given below.

image

Additional context
I will also adjust the paddings and margins that are necessary.

[Bug]: The login button turns white when hovered but the text does not turn black until you hover specifically on the text

Describe the bug
The login button turns white when hovered but the text does not turn black until you hover specifically on the text

image
When the cursor is only on the button not on the inner text.

image
When the cursor is on the inner text of the button.

Expected behavior
The text and button should change colour not matter where the cursor is inside the button.

Additional context
One more bug is that the navbar tabs are not fully left aligned there is some blank space between the left margin and the tabs
image

[Bug]: The login button text turns black when attempting to navigate via the keyboard

Describe the bug
The login button text turns black when attempting to navigate via the keyboard.

To Reproduce
Steps to reproduce the behavior:

  1. Press Tab until you reach the login button.
  2. Once the login button has focus attempt to Tab again.
  3. The text within the login button now receives focus which results in text appearing black on a black button.

Expected behavior
The login button should be able to receive focus and be legible.

Screenshots
DentClack-Login-Focus-Bug

[Bug]: Homepage edit

Describe the bug
The homepage has some grammar inaccuracies (i think) that i want to fix

Screenshots
image
In the above image i think it should be replaced with "To take care of your needs and give you that beaming smile"

image
In the above above image i think LOGIN should be replaced with "Contact Us" and SPECIALIST should be changed to "Specialists" (plural)

[Feature]: Dark and Light Theme

Is your feature request related to a problem? Please describe.
The user don't have options for themes.

Describe the solution you'd like
I feel like the user should be given the opportunity to choose the type of theme they want.

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.