Code Monkey home page Code Monkey logo

free-hit's Issues

Grid view and list view

We can create two types of views, such as grid view and list view. The user can use whichever view he feels comfortable with

Add website

I have some websites for web3 testing

ChaiJS
Chai BDD Styled
Chai Assert
Mocha Hooks
Solidity Chai Matchers

should I go ahead to add them?

Suggest: Migrate to Next.Js

As the project is getting bigger I think now we should move it to Next Js.

Benefits of using Next Js :

  • Better SEO.
  • Static Site Generation.

Also suggested by React Dev team.

Readme

  • Due to the new card design, the website looks a little different. Update the README by replacing the old screenshot with a current one that reflects the updated website UI.
  • A new key, description, has been added to the DB. update the contribution steps accordingly

Updating the README

Hi!!

I would like to make some subtle changes to the README to make it more appealing

I would like to be assigned to this issue if approved

chore(dep): migrate to pnpm from npm

  • In this project, we're using npm but it would be great if we use pnpm instead of npm.

Why pnpm?

pnpm is designed to be more efficient than npm in terms of disk space and network bandwidth. This is because it uses a shared package store, which means that multiple projects can share the same dependencies without having to install multiple copies of them. This can save a significant amount of disk space and can also speed up the installation process.

FIX: cards heights

I just noticed that the website's height needs to adjust.

2023-03-29_22-01-24.mp4

Add AI section

There are many free AI tools available, and AI is becoming increasingly popular and useful.
Therefore, it would be beneficial to create a separate section dedicated to AI, and list some of the most useful tools under it.

Add some tools to extensions

There are some tools that are extensions and are currently located under the 'Useful Tools' section. These tools should be moved and added to the 'Extensions' section.

Finding the right tool

Is your feature request related to a problem? Please describe.
When you open the website there is too much of resources available . It hard for people to find tools which they want to use.

Describe the solution you'd like
Above problem can be solved by adding a search bar in the top by replacing links of social with a search bar and putting social in the footer

Describe alternatives you've considered
Another method can be to sort the list of tools in alphabetical order so that people can look for their required tool.

Additional context
Add any other context or screenshots about the feature request here.

Help needed with creating an about page

I would appreciate some help in creating an About page for the project. The About page should contain information about Free-Hit, including the project's history, goals, and features. It should also showcase the Free-Hit details about the contributors who have worked on the project.

I'm looking for contributors who are interested in helping with this task. If you have any experience with creating About pages and would like to contribute, Do let me know.

Chrome Extensions

This website contains many tools which a web developer needs but there is one more thing which is very helpfull for a web developer, Chrome Extensions .

There are many Chrome extensions available which are very useful for a web developer and many people don't know many of them.

So I wanted to add chrome extensions field to the website.

Mistake in "smalldev"

The description on smalldev's card is given as an "Online platform for finding and hiring remote developers." but when I visited the site it was a tool like a converter, decoder, formatter etc. Please do check it once.

Change button bg-color

To indicate which button is now being clicked, change the button background color

For instance, when the Remote Jobs button is pressed, the background color of the button should change to indicate that the user is on the Remote Jobs page. When another button is clicked, the color of that button should change, and the Remote Jobs button should return to normal.

Screenshot (294)

Restructuring the Navbar

Hey!

I think having the Free-Hit to the left will look better.
I would like to be assigned and work on it if approved!

image

Shrunk footer's top and bottom

The footer's top and bottom should be shrunk to look nice, and the color of Jason Dsouza's text should be changed to make it more visible.

Screenshot (292)

Some links are not working

Some links especially in the 'movies and series' tab, some links like Pogo, and Soap2Day are not working.

Title of the links Overflowing cards

I noticed that on my phone which is 1080Γ—2400, words that are long like resumemaker.al is overflowing the card that it's contained in, below is the screenshot.
Screenshot_2023-03-15-16-27-06-309_com android chrome

Add splash screen for filters

On small screens the options are covering the whole screen :
Screen Shot 2023-02-22 at 11 37 27

A better UI would be to have a modal that opens up to select filters.

I would love to work on this.

Description not matching

There are many tools that do not match their correct description.

  • Correct the description of the tools and make your first contribution.
  • This is the best way to start your open-source journey.

[FEAT] Updates to Issue templates πŸ› 

Reason/Context

I am suggesting to update the Issue templates , currently we are using .md files instead of the brand new issue forms with .yml files.

Why to update it ?

  • The .yml based issue templates makes it more easier to organize, ask your questions, add screenshots and choose other options as necessary
  • Plus, we can add "custom" labels to the issue template which makes it more organized than having a bot/user do it.

Relevant screenshots

image

image

Am i willing to work on it ?

Yes, i will be glad to help an Opensource project grow more !

Detailed description

I am talking about the issue templates which can be wrote using .yml , inside the .github > ISSUE_TEMPLATES .
Yes the bot is cool TBH, but the .yml based issue template is cooler.

Currently we are throwing in a markdown based Issue template. The problem is the user may/maynot fill in some fields. Then the maintainers again would have to ask them to fill those. Additionally, It's also not much of a beginner friendly thing, because all someone would see is questions and might be confused on how to structure their issue.

So adding proper, structured issue templates would be helpful for both the contributors as well as the maintainers to manage their repository.

Features of adding these issue templates

  • Required fields
  • Less dependant on bots
  • Proper options for mentioning their browsers , operating systems and more.
  • Interactive Check boxes to confirm if they have read the guidelines and more.
  • Better Developer experience.

Relevant screenshots

What currently it is :

image

What i am suggesting it to be :

image

Cursor is changed to pointer during hover on cards

When hovering over a card, the cursor changes to a pointer, giving the impression that the card is clickable. However, clicking on the card does not result in any action. This can lead to confusion and frustration for users who expect to be able to interact with the card. I suggest to either make the card clickable or change the cursor back to its default state when hovering over a non-clickable card to avoid any confusion for users.

Change description for Poet.so and Pika Style

Currently, the descriptions for Poet.so and Pika Style are incorrect. Please add the appropriate descriptions.
"Capture and share Twitter posts as beautiful images" is a good example.

Add Descriptions to cards

  • Most cards do not have a description section due to the new card design
  • Please add a description of up to 12 words based on the tool.

readme update

If the contributer wishesh to create new category
we shoud also include the steps in readme.

Title of the links Overflowing cards

I noticed that on my phone which is 1080Γ—2400, words that are long like resumemaker.al is overflowing the card that it's contained in, below is the screenshot.
Screenshot_2023-03-15-16-27-06-309_com android chrome

suggest: migrate to tailwind css

Currently, we are using CSS for this project. We can use Tailwind CSS too. I know it's complicated to migrate but if we do it it would be great.

Add more websites

Hey @JasonDsouza212,
There are other various other websites list with me related to tech stuffs,
I was thinking to combine all that with this one

  • ML related
  • Hacking related
  • Competitive related
  • Freelancing
  • many general stuffs

Feat : Looking for ideas to implement in styles of this cards

Is your feature request related to a problem? Please describe.
Looking for ideas to implement in styles of this cards

Describe the solution you'd like
shadows , borders , and much more

Describe alternatives you've considered
no idea

Additional context
Screenshot from 2023-03-30 23-03-23
Screenshot from 2023-03-30 23-03-32

Tool tip

Implement a tooltip

  • When we hover over a card, it should display the usage of the corresponding tool.
  • To achieve this, we can provide a tooltip
  • Because in the tools section, it is difficult to know the functionality of each tool
  • Users may find it challenging to locate the tools they need since the tool descriptions do not provide sufficient information about their functionality.

Use Vite instead of create-react-app

Current project uses create-react-app, which internally uses webpack, and this leads to slower build time thus the website is slow.

When any new user try to install dependencies it takes a lot of time to install the dependencies and the real-time updation all not good.

By using Vite the Website will be very fast, and the build time will reduce, also it is recommended to not use CRA.

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.