Giter Club home page Giter Club logo

blook-frontend's People

Contributors

kelvink96 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

blook-frontend's Issues

Blank page error on landing page

Describe the bug
The landing page is blank. On the console this error is showing - Uncaught TypeError: Cannot read properties of null (reading 'current') from article-card.tsx:74

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://blook-blogger.netlify.app/'
  2. Open inspect element
  3. Navigate to the console tab
  4. See error

Expected behavior
I expect to see the landing page loaded with all components, not a white blank screen.

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Chrome
  • Version: Version 116.0.5845.111 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.

Client feedback - Murage

  • the tags look like buttons, on index page. They are way too distacting
  • tags on post page zenye ziko hapo kwa title hazimake sense. Normally, I want to skim through the post and if I find it interesting, check other posts with similar tags
  • there is too much empty space on back button kwa single post page
  • on recent articles kwa post page, the dates zikiwa on top ziko very off. I actually thought ni za card above.
  • the body of post should also be clickable kwa hizo preview cards

Additional

  • 80% of humans read from top to bottom
  • I want to quickly skim the title and first paragraph to determine if it is worth reading. Hii imetumika for over 100 year ata kwa magazeti. Humans only take 15 seconds to make that decision.
  • So put the key details on top. Sio date and time.
  • unaweza weka author on top only if you think utakuwa na legitimate and well know authors/companies

Add an error boundary

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request 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.