Giter Site home page Giter Site logo

clueless-community / first-contribution Goto Github PK

View Code? Open in Web Editor NEW
130.0 130.0 345.0 4.73 MB

A repo where you can make your first contribution and get a contributors card in our website.

Home Page: https://clueless-first-contribution.vercel.app/

License: MIT License

JavaScript 98.90% CSS 1.10%
first-contributions hacktoberfest javascript nextjs reactjs tailwind-css

first-contribution's People

Contributors

ahnaf-codes avatar akachi-4 avatar akshay-kalekar avatar alkaison avatar debajyoti14 avatar devilkiller-ag avatar gaut2003 avatar heysagnik avatar ishani-1255 avatar ishtails avatar itsmeanubhab avatar manmohan4142 avatar mewxz029 avatar minhaj-313 avatar nikhil25803 avatar nktech-official avatar pandeyom331 avatar rahulgithub-web avatar rajdip019 avatar ridhamrj avatar roshaen avatar sahilsingh177 avatar saimaheshtaduri avatar satvik1769 avatar saugat-rimal avatar subxx avatar theselaw avatar tpstark137 avatar yash-parwani avatar yash-seth 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  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

first-contribution's Issues

Add Contributor's Profile Images !!

Update

  1. Contributor's profile image will appear at the bottom of README.md
  2. CONTRIBUTING.MD will be modified to aware newcomers about contribution.

Error in contributor.js file

This is Rohit Purkait. And I will be adding my data to do my first contribution as well as get a card on the website.

Array duplicated due to merge issue on contributors.js file in line 869.

Change ClueLess Logo

Now the looks like this. ⬇️
Screenshot 2022-10-04 at 2 26 47 AM

But we need to change the terminal logo to the main logo of clueless.

Here is the LOGO we want.
ClueLess Logo

But you need to remove the background of the image first or make the image corners rounded to make it look better.

Fix Dark Mode

Fixes required in dark mode

  1. Add Dark Mode to Discord Component
  2. Change color of LinkedIn and Github Icon in profile section in dark mode to make in more visible

Issue
image

Need a banner to the GitHub basic commands page.

We need a banner like this for both dark mode and light mode. You can re-use the code of this banner as well.

Screenshot 2022-10-04 at 10 08 24 AM

The button should point to /whattodo/basic-github-commands and it should be a <Link> tag.

The text on the left will be Learn basic GitHub commands.

Having a FAB in the website

In pages like contributors, which are so lengthy, it is better to have a Floating Action Button, on click takes user to the top of the page.

Scroll down button not visible.

The scroll down button is not visible for both Dark mode and light mode. Here is a reference to that.

Screenshot 2022-10-05 at 10 28 59 AM

Also the gap between the main test and button section to the scroll down section should be less. So we need to also reduce that and the jumping effect is too bouncy and distractive.We need to make it a lot smoother.

Make your first Contribution

Use the First Contribution template and raise an issue and make a PR attached to that.

See the CONTRIBUTING.md for more detailed info on how to contribute.

Still stuck join our discord server and we are always available to help there : Discord

Adding a search bar in all contributors page

Every newbie open source contributor, wants to see their name as a contributor. As there are many contributors right now, finding their name in that list is difficult. Thus a search bar might be a good use.

Presistence Mode Change

As i have discovered the change in Color Mode (dark and light) is not presistence. If mode is changed from dark to light it does not presist and change back to default (dark ) on reload or on navigation. I would Like to work on this issue Please assign me under hacktoberfest issues

Change Color of "Contribute Now" Button on hover

Every button on the site changes to blue when we hover over it but the "Contribute Now" button doesn't. It changes to grey in light mode but there is no change in dark mode. Can I rectify it? Please specify any other color if not blue to which it should change.

Fix the social links in the footer

The social links need to be fixed and should be shown vertically as the other links in the footer under socials section.

Now this looks like this ⬇️ This should be vertical like other links.
Screenshot 2022-10-06 at 7 01 32 PM

Need to fix this.

Remove repeated data

The contributor data is again repeated. Need help removing the duplicate data.

And need some suggestions also so this doesn't happens over and over again.

New page on GitHub basic commands.

One should make the page for github basic commands for both dark and light mode.

The page route will be whattodo/basic-github-commands.

And the data it will contain is this.

You need to built it using tailwind CSS and maintain the existing design system.

Remove the repeating data

One need to remove the repeating the data of /data/contributors.js as there are some contributor data which is repeated 2 - 3 times.

Like there is 3 Ishika Ishani in the list. But it should be only one.

And don't delete any of the contributor data.

Add Main Website Link to Navbar

After what to do you need to add Visit main website in the Navbar and it will be a anchor tag with a target="_blank"

Screenshot 2022-10-04 at 2 26 39 AM

And also remove the link to Home from Navbar.

Using Image Component provided by Next JS

Instead of using html tag in contributors.js and discordhome.js, shouldnt we use component that next js provides readily in next/image
And by using the component helps in optimization thereby bringing down the loading time
For eg , currently while using tag of HTML , the loading time of the images in contributors.js is as follows
image
Using component will help in the long run

Change the Link to valid one.

Currently the Visit Main website doesn't take user any where.

Screenshot 2022-10-05 at 2 19 11 AM

We need to redirect users to the https://www.clueless.tech/ website.

So it will be an anchor tag with target="_blank" with it.

Font hierarchy needs to be changed

In the homepage there are two h1 tags currents. With the upper h1 tag having the text "Welecome to clueless community" bigger size than the second h1 tag having the text "Learn.Grow".

Issue: The seo is affected by having two h1 tags. Also the ui doesn't look good with second line having bigger size than the first

Solution: Change the second h1 tag to h2.

Adding Socials at the footer of each page

I want to add community socials with a hover effect at the footer of each page. If you find it relevant, then I request you to please assign it to me.
Screenshot 2022-10-02 at 8 03 47 PM

something like this

Make Contributions.md!!

Hey, I would like to recommend adding contributors.md file so the name of contributors will be visible on the main repo.

Screenshots

pr4

Repeated Data

Some of the contributor data is repeated ( 2- 4 times) due to some bad PR merge.

Here is picture of that. ⬇️
Screenshot 2022-10-02 at 1 31 14 PM

One need to change the data/contributors.js file and remove all the duplicate contributor data. But be very careful not to remove any authentic contributor data.

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.