Giter Site home page Giter Site logo

codepire / community-app-client Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 3.0 790 KB

Real-Time chatting application inspired from Discord. Backend API: https://github.com/codepire/community-app-backend/

HTML 1.49% CSS 27.27% JavaScript 71.24%
css javascript reactjs

community-app-client's People

Contributors

aadixc0de avatar carlosegch avatar viralrupani avatar

community-app-client's Issues

[BUG] Feature boxes are not responsive.

Describe the bug
Feature description is overlapping in small-size devices.

To Reproduce
Steps to reproduce the behavior:

  1. Open Chrome Developer Tools.
  2. Select dimensions to responsive and shrink the screen horizontally, or select any small device in dimensions.
  3. Scroll down to Features
  4. See error

Expected behavior
The entire description should fit in that box properly. we can use properties like height and min-height for that.

Screenshots
image

[BUG] Navbar responsiveness.

Describe the bug
Navbar is not responsive for small devices..

To Reproduce
Steps to reproduce the behavior:

  1. Open Chrome Developer Tools
  2. Click on Dimensions and make it responsive and small it down, or select a small device.
  3. See the error

Screenshots
image

Expected behavior
we can create a Hamburger navbar for small devices. and when we open it, it should cover the entire screen and show navbar items in a column.

at the top of it: add some hover effects/animation if possible

[FEAT] Good Footer needed!

Describe the solution you'd like

Create a good footer in the footer area. use your creativity.
No need to link text in the footer for now.
Add some animations, and effects if possible.
A good one will be accepted.

Some references.

  1. Discord
    image

  2. Next Js
    image

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.