Giter Club home page Giter Club logo

twitter-ui-clone's Introduction

Heey,๐Ÿ‘‹๐Ÿป I'm Altan

I have always had an appetite for learning, so I constantly strive to improve myself. With a great desire to embrace new challenges, I have completed an exciting career transition.

Throughout my journey I have discovered my passion for software development and the power of collaborative development. I find great satisfaction in contributing to the open source ecosystem and interacting with various projects and communities.

  • ๐Ÿง‘โ€๐Ÿ’ป I'm currently working at Exotoll
  • ๐ŸŽฏ Frontend technologies interest me
  • โœจ I focus on React, Next.js, TypeScript and Tailwind CSS technologies
  • ๐Ÿ“ซ Reach me on Website or LinkedIn

twitter-ui-clone's People

Contributors

altankurt avatar

Stargazers

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

Watchers

 avatar  avatar

twitter-ui-clone's Issues

bug: Inconsistency in photo sizes and missing border-radius in Tweet component

Describe the bug

There is an inconsistency in the photo sizes in the tweet component and no border-radius added.

Describe how you are producing the bug step by step

Steps to reproduce the behavior:

  1. Go to this URL: https://twitter-js-clone.vercel.app/
  2. Click on ''
  3. Scroll to '....'
  4. Bug appears

Expected behavior

If the photo is horizontal, it should fit exactly into the width of the component and border-radius should be added to the photos.

Screenshots

tw-bug1

Desktop Information

  • Operating System: Windows
  • Browser: Chrome
  • Version: 112.0.5615.49

Mobile Phone Information

  • Device: [e.g. iPhone6]
  • Operating System (with the version): [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

"w-full"should be given to the main container from the tweet component.
"border-radius" should be added to img attribute

bug: Header width bug at 1024-640px causing off-center screen & blank space

Describe the bug

The width of the header is incorrect between 1024px and 640px. As a result, it appears uncentered on the screen and with a blank space on the left.

Describe how you are producing the bug step by step

Steps to reproduce the behavior:

  1. Go to this URL: https://twitter-js-clone.vercel.app/
  2. Click on the browser and select "Inspect" from the right-click menu
  3. Keep the pixel value below 1024 and above 604px.
  4. Bug appears

Expected behavior

Title width should be adjusted responsively according to the screen size, providing a centered display without any unnecessary blank spaces on either the left or right-hand side.

Screenshots

bug-2

Desktop Information

  • Operating System: Windows
  • Browser: Chrome
  • Version: 112.0.5615.49

Mobile Phone Information

  • Device: [e.g. iPhone6]
  • Operating System (with the version): [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

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.