Code Monkey home page Code Monkey logo

free-hit's Introduction

Welcome

Free-Hit is a website where you can search for free tools that are useful for your daily needs. This application is created by the incredible open-source community. On Free-Hit, you can discover a collection of free tools that can assist you in various aspects of your life. Moreover, you have the opportunity to contribute to this project by adding more tools to the database.

You can check out the live project at https://free-hit.vercel.app

free-hit

Table of Content

Why to Open Source?

Open Source increases our prospects and opportunities in contributing to various kinds of projects and engage with different kinds of mentors. It helps us to build connections and open a gate to various kinds of open source technologies.

Our website is one such kind that provides a platform for contributors from all over the world to give their inputs in the form of useful websites which are free to use. It enables us to get a list of all the websites together in one place thereby saving a lot of time for us. We can find any kind of website here, be it a tool or an education platform. Hence, it is declared a knowledge-sharing platform!

🌟 Benefits of Contributing to Open-Source

Contributing to open-source projects like Free-Hit has numerous benefits. It helps you:

  1. Give back to the community: By contributing, you help grow and improve the tools that you and many others use.

  2. Build your portfolio: Your contributions can serve as real-world examples of your work and make you stand out in the job market. These can enhance your resume.

  3. Improve existing skills and learn new ones: Working on real-world projects allows you to apply what you've learned and gain more knowledge along the way.

  4. Network with professionals: You get to connect and collaborate with professionals around the world, opening up potential job opportunities.

Tech Stack

  • Reactjs - Reactjs is a JavaScript library for building user interfaces.
  • Vite - Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
  • PNPM - PNPM is a fast, disk space efficient package manager that helps to fetch packages from the registry.

πŸš€ Quick start

Contributions are welcome! If you have any ideas, suggestions, or bug fixes, please open an issue or submit a pull request. Make sure to follow the project's code of conduct.

Note: If you are new to open source contributions, you can refer to this guide by GitHub.

Warning: Please do not spam the repository with unnecessary PRs. Make sure to follow the project's code of conduct.

  • Go through the CONTRIBUTING.md file, where all the guidelines have been mentioned that will guide you to make your contribution.
  • Do check out the project issue tracker section.
  • Follow conventional commits for commit messages. You can read more about it here.
  • Make sure to add the issue number in the commit message. For example, git commit -m "fix: fixed a bug in the navbar #1".
  • Make sure to add the issue number in the PR title & description. For example, fix: fixed a bug in the navbar #1.
  • If your PR is an invalid one, it will be marked as invalid and closed.
  • If your PR is a duplicate one, it will be marked as duplicate and closed.

License

License: MIT

Terms and conditions for use, reproduction, and distribution are under the MIT License.

✨ Authors(only for GSSoC'23)

Jason Dsouza - Project Admin

🌐 Socials:

LinkedIn Twitter

🀝 Our Contributors

Thank you for your interest in contributing to our project! We appreciate any contributions, whether it's bug fixes, new features, or documentation improvements.

We value the time and effort you put into contributing, and we look forward to reviewing and merging your contributions. Join us on this exciting journey of creativity and collaboration.

Contributors are here!!

This Project was part of

GSSoC Logo Light GSSoC Logo Dark

free-hit's People

Contributors

0xabdulkhalid avatar abhayashankar avatar ahorisaac avatar amansingh6574 avatar avdhesh-varshney avatar avinash905 avatar balasarvan12 avatar bharadwajshivam28 avatar biplavmz avatar bobbyy16 avatar deepshikha2708 avatar dhawal-793 avatar iamrabia-n avatar jasondsouza212 avatar kailashchoudhary11 avatar kumar007ambi avatar lakshmishreea122003 avatar mayuresh-22 avatar mukul314 avatar narendrakoya999 avatar parmesh119 avatar parul1606 avatar pragati-deshmukh011 avatar prajwal0225 avatar priyankarpal avatar singodiyashubham87 avatar soumyajit2825 avatar sowrerajan-dev avatar sumitkr2000 avatar whizzy23 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  avatar  avatar

free-hit's Issues

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.

FIX: cards heights

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

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

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?

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.

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.

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

readme update

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

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.

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)

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 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.

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.

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.

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.

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

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

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.

Some links are not working

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

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

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)

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.

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.

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.

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

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

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.

[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

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.

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.

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.

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.