Coder Social home page Coder Social logo

dsc-jss-noida / blogzen Goto Github PK

View Code? Open in Web Editor NEW
79.0 79.0 279.0 5.88 MB

A collection of resources categorised by tech domains, languages, expertise and much more. Blogzen gives you a quick access to all the resources that you could need at a single place, with a click!

Home Page: https://blogzen-gdsc.netlify.app/

License: MIT License

HTML 27.65% CSS 47.43% JavaScript 24.92%
beginner-friendly css5 frontend gssoc23 html javascript json-api open-source

blogzen's People

Contributors

abhi200206 avatar abhinavcode13 avatar anantsaxena-1947 avatar aniket6508 avatar aparna03dubey avatar arjundotadex avatar hardikmisri avatar harshsharma0801 avatar hereisswapnil avatar mahak-dev avatar mohdshahzil avatar nevish-302 avatar parasss19 avatar piug-07 avatar poulavbhowmick03 avatar priyas32 avatar rohanmittal1163 avatar rucha0702 avatar shrejal123 avatar shreyans2004 avatar somesh-mallewar avatar syedimtiyaz-1 avatar thevirengarg avatar yyuvraj54 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blogzen's Issues

Improve Font Styling and Sizing throughout the webpage and proper box sizings

Font Styling and Font Sizing plays a key role when it comes to user experience. So it is very important to have a good font sizing and styling throughout the webpage/website.

For now the website is having too much irregular font sizes and styles. I want to improve them along with proper card designs in which all fonts and images resides.

I can do for this webpage/website.
Please assign this task to me under GSSoC 2023.

Enhancement: Add New Sign-Up Page with SVG Animation

Hi There! Currently, the website lacks a sign-up page, which is essential for user engagement and expanding our user base. To enhance the user experience and make the sign-up process more visually appealing, i propose adding a new sign-up feature with an awesome SVG animation. 🥰☺️

Features:🌇🪄

Sign-Up Form: Create a user-friendly sign-up form that allows users to enter their relevant information, such as name, email address, and password.

Form Validation: Implement client-side form validation to ensure that users provide valid and complete information before submitting the form.

Password Strength Indicator: Include a visual indicator to provide feedback on password strength and encourage users to choose stronger passwords.

SVG Animation: Develop an impressive SVG animation that will accompany the sign-up form. The animation should be eye-catching, smooth, and visually appealing to create an engaging user experience.

The Finished Sign Up May Look Like This>>This Design Is Personally Designed By Me ✨✨

3

Blog on: "Behind the Follower Count: Unmasking the Dark Side of Twitter Popularity and Algorithm Deception"

I will be exposing the surprising truth behind high-follower, low-quality accounts that are duping the Twitter algorithm. Despite the glitz and glamour of massive follower numbers, there's more than meets the eye when it comes to genuine influence and high-quality content. Get ready to unmask the methods used by these accounts to artificially inflate their popularity and uncover the overlooked gems – talented creators with smaller followings but exceptional content. This is a revealing exploration of the Twitter world that questions the credibility of sheer follower numbers and emphasizes the value of quality over quantity. Don't miss this journey into the lesser-known side of Twitter's digital landscape!

Assign this to me!

Issues with the Blog Page

Blog Page Issues Below

  1. Search button in the blog page is too close to the left margin of the input also fade in color
    Screenshot from 2023-05-19 23-07-35

  2. Major Point : sec-3 div is not centered.
    Screenshot from 2023-05-19 23-07-45

  3. Footer mail link is not clickable
    Screenshot from 2023-05-19 23-07-57

Improvement in UI

The search button is not clearly visible, I want to align it to the center
Screenshot 2023-05-20 121621

Making the buttons fucntional

As can be observed from visiting the site,
The cursor over the Login button, Sign Up button, Trending button, Recent button does not turn into a cursor.
Moreover these buttons are completely non-functional.

As a GSSoC '23 contributor, I would like to work on the functionality of these buttons so that clicking on them would provide the desired user experience. I have worked on this in my personal projects which can be seen on my GitHub profile.

Hence, I would love to work on correcting the issue. Thank you :)

Improving the UI

Hey @piug-07 Your UI is looking really bad. I want to transform your UI into a whole new look. Please assign me this issue. Thank you!

Redesign the Header with new Functionalities

Hello,
As a contributor for GSSoC 23, I want to add value to blogzen by improving the header:

  • Re-alignment of the logo.
  • Logos with sign-up and login buttons and linking them with their respective pages.
  • Hover effects for the buttons.

Thanks and regards,
Keyur

Reforming Navbar

Hello,
As a contributor participating in GSSoC'23, I would like to improve the website's navbar. Upon reviewing the site, I noticed that the navbar could benefit from enhancements to its functionality and visual appeal.

By improving the navbar, we can achieve the following:

Responsive Design
Visual Enhancements

I'm enthusiastic about contributing to this project and believe that an improved navbar will greatly enhance the user experience. Kindly assign me this task, and I will start working on it promptly.

Thank you!

Add sidebar

Please assign it to me . I'll add a sidebar menu to make it well organised. And redirect the menu to their respective part.

Improving the UI

As the interface is not well structured, I can make it organized using grid model.

Adding a hamburger button

The navigation is not properly aligned. Adding a hamburger button might enhance the UI. I would like to add this feature. please assign me this issue.

Changing the title

By resolving this issue and updating the project title, we aim to enhance clarity and coherence, providing users with a more accurate representation of the content and purpose of the project. This will improve the overall user experience and avoid potential confusion or misunderstandings.
I would like to work on these issue.

make the title clickable

I want to make the title clickable.It will redirect to homepage when clicked..Please assign this issue to me under GSSOC

Fixing Cards

I Would like to fix the cards, their orientation ,spacing etc

Enhancement: Add Scroll-to-Top Button and Implement Smooth Scrolling

Hi There! ☺️✨ I propose adding a new scroll-to-top button and implementing smooth scrolling functionality to enhance the user experience on our website.

Currently, users have to manually scroll back to the top of a page, which can be cumbersome and time-consuming. By introducing a scroll-to-top button, users will have a convenient and accessible way to quickly navigate to the top of the page with a single click.👆🏼

Additionally, I aim to improve the scrolling experience by implementing smooth scrolling. Smooth scrolling provides a visually pleasing and seamless transition as users navigate through the website's content. This feature will eliminate any abrupt jumps or jerky movements during scrolling, resulting in a more engaging and enjoyable browsing experience.✨🥰

By integrating these enhancements, we can make our website more user-friendly, reduce the effort required to navigate through lengthy pages, and provide a smoother and visually appealing scrolling experience.

The scroll-to-top button would be a small, unobtrusive button that appears at the bottom-right corner of the website when the user scrolls down. When clicked, it would smoothly scroll the page back to the top, improving usability and reducing friction.

Benefits of adding a scroll-to-top button:

Enhanced user experience: Users can easily navigate back to the top of the page without having to manually scroll.

Improved usability: Especially on long pages, a scroll-to-top button saves time and effort for users.

Convenient and unobtrusive: The button would appear only when necessary, ensuring it doesn't interfere with the website's design and layout.

Accessibility: Users with mobility impairments or those accessing the website on smaller screens will benefit from the added convenience.

I'm excited to contribute this feature to your website and believe it would greatly enhance the overall user experience. Let's discuss the implementation details and any other considerations needed for this feature. ✨☀️☺️

After Implementing This Function The Website Will Resemble Like This

2
1

This Images Is Just To Show How The Feature Would Look Like >>The Final Feature Would Be According To Website Colours

Spacing Between cards

Screenshot (15)
in this website i found that the space is not maintain between the cards
i will improve all the spacing and improve the UI of this website using HTML ,CSS, Javascript

Adding hover functionality across the website.

I would like to work on this issue, please assign this issue to me.

The absence of hover effects in the user interface creates a poor user experience and diminishes the perceived responsiveness of the website. We need to make changes in the .css file and add the hover effect for necessary elements.

serachbar issue ui issue

i can solve the text inside the searchbar putting in the center and also putting some gap between blog component and searchbar.you can assign this work to me.

Improving the UI

Adding an attractive background then Writing the search text in middle of text bar. The bottom most box is overlapping.Having a dark mode of the website. Adding a contact me option,Adding some javascript functions to make it more attractive.

To improve the cards layout section[GSSoC'23]

Hi, I am a GSSoC'23 contributor.
I want to work on improving the card's layout section.

gssoc1

Currently, all 15 cards are displayed. So instead of that 6 cards could be displayed and the rest cards could be loaded by clicking on the 'show more' button which would be present just below the cards section. And also card's design and alignment of the section could be enhanced. If you allow me, I could first confirm with you by designing the wireframe and then start working on this issue.
Thanks

Improving the jsonData.json file.

I would like to work on improving the jsonData.json if this project. Improving the the jsonData.json and make it more expressive.

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.