Giter VIP home page Giter VIP logo

twitter-frontend-clone's Introduction

twitter-frontend-clone

A basic twitter frontend clone using Vanilla JS ๐Ÿš€

twitter-frontend-clone's People

Contributors

yashsehgal avatar shvam0000 avatar imgbotapp avatar kartikxisk avatar

Stargazers

 avatar Jaspreet Singh Saini avatar Luiz Eduardo avatar  avatar

Watchers

James Cloos avatar  avatar  avatar

twitter-frontend-clone's Issues

[Maintainability] Elements missing for making this project complete

  • Add Code of conduct
  • Add contributing.MD
  • Add issue and pull request templates
  • Add the folder structure instead of just files
  • add actions for CI/CD
  • Improvise the readme.md with all the necessary information the user/ contributor should know (I think you have used the basic template)
  • Set up boards (Optional)

[Design] Card errors

  • Image and the place holder not aligned
  • The attachment buttons are not active (Seems like an image)
  • The tweet button should be right-aligned
  • Alignment between the attachment buttons and tweet button is disturbed
    issue3

[Construction] The app not functioning

  • In the description, you added that this is developed using vanilla js
  • The app doesn't add the data after clicking on a tweet
  • Possible approaches :
    • Create a template for the tweet card
    • Every time the user types the tweet and click on tweet add it to the array (In javascript)
    • Re-render the site with all the components in the array

[Design] Banner design errors

  • No margin for home text.
    Issue 1
  • There is no border radius on actual twitter
    issue2
  • Use appropriate font weights and font families to make it similar

[Construction] Bug in responsiveness

The application isn't responsive in mobile mode. The navbar and main content window overlaps and the container doesn't even shrink to make it readable
issue7

[Design] Navbar errors

  • The icon set is not precise. (Seems like they are emoji)
  • Proper padding and margin needed
  • Again maintain the font-family & font-weight of the the buttons etc
    issue4

[Design] Tweet Card error

  • Too much margin in the clicking elements.
  • The font weight of the username is very low
  • The color of the username is too dull
    issue5

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.