Code Monkey home page Code Monkey logo

toolbox-app's Introduction

ToolBox App

ToolBox is an open-source Next.js full-stack application designed to serve as a comprehensive database of the most useful tools available on the internet. Whether you're a developer, designer, marketer, or just someone looking for handy online resources, ToolBox is here to help you discover and share the best tools.

screenshot

Features

  • Tool Discovery: Easily find a wide range of tools for various purposes, from development and design to productivity and more.

  • User Profiles: Create your own profile and share your favorite tools with the community.

  • Tagging System: Categorize tools with tags for easy searching and filtering.

  • Search Functionality: Quickly locate tools by name, tag, or the username of the contributor.

  • User Interaction: Visit other users' profile

Changelog

  • [Version 0.0.2] - [30/09/2023]:

    • add multiple tags feature
    • delete tags in edit form
    • update tags correctly
    • display free or pay tier
    • implement Search
      • search by tool name
      • search by tag
      • search by username
    • implement click on tags
    • bug fix
  • [Version 0.0.1] - [28/09/2023]: hello world

Live

LIVE PREVIEW

Getting Started

Follow these steps to get started with ToolBox:

Installation

  1. Clone this repository to your local machine:
    git clone https://github.com/sofiabaezzato/toolbox-app.git
  2. Navigate to the project directory:
    cd toolbox-app
  3. Install the project dependencies:
    npm ci
    # or
    yarn install --frozen-lockfile

Usage

  1. Start the application locally:
      npm run dev
      # or
      yarn dev
  2. Open your web browser and visit http://localhost:3000 to access ToolBox.

Contributing

We welcome contributions from the open-source community. If you'd like to help improve ToolBox, please follow our contribution guidelines:

  • Report any bugs or issues you encounter by creating a GitHub issue.

  • Suggest new features and improvements by submitting a feature request.

  • Contribute code by forking the repository and opening a pull request.

License

ToolBox is distributed under the MIT License. Feel free to use, modify, and share this application according to the terms of the license.

I hope you enjoy using ToolBox.

toolbox-app's People

Contributors

sofiabaezzato avatar

Stargazers

Vincenzo avatar  avatar  avatar Guido Penta avatar Farhan H avatar Tommaso avatar Andrea Cultraro avatar Jessica Tartaglia avatar Jonathan avatar Flavio Adamo avatar Jeremy Gordillo avatar Mattia Ruberto avatar Domenico Tenace avatar

Watchers

Andrea avatar  avatar

Forkers

baddev91

toolbox-app's Issues

add search query to the url

Storing the search query in the URL rather than in a state can offer several benefits. This approach enables users to share the URL, retaining the search query. Additionally, it allows users to navigate back and review previous searches.

[BUG]: cards rendering issue

Sometimes (apparently randomly) cards are not rendered on the feed. A page reload may be required to render the cards.

Add Option for Customizable Logout Behavior

Allow the user to choose whether the logout should occur automatically when the browser window is closed or if the platform can keep you logged in for, for example, up to 30 days.

Upvote tools

Implement the possibility to upvote tools and sort them by number of votes.

Ability to change the user name

I propose to give the user the opportunity to change their public username. I logged in through Google and it automatically entered my first and last name. Not that it's bad, but I'd like to be able to change it.

Implement Multiple Sign-In Provider Options

Currently, our application only supports signing in through Google. To enhance user flexibility and accessibility, we should allow users to choose from various sign-in providers such as Github, Discord, and LinkedIn. This will improve the overall user experience.

[BUG]: missing engines on package json

Describe the bug
In the json package, you must specify the version of your engines so that you can have an environment aligned to the product online or in development.

To Reproduce
Steps to reproduce the behavior:

  1. Open package.json

Expected behavior
{
"name": "toolbox-app",
"version": "0.2.0",
"private": true,
"scripts": {...},
"dependencies": {...},
"devDependencies": {...},
"engines": {
"node": "X.X.X",
"npm": "X.X.X"
}
}

This is great

Kick asses and continue to grow as a developer.
I'm sure you can make it and you will always have my full support.

Daje tutta ๐Ÿš€

Profile informations

Because profiles are public, it could be interesting to have some profile informations:

  • city/country
  • description
  • Github profile link or other link

Favorite Tools

Add the ability to save your favorite tools, perhaps by clicking on a star or something similar, so that you can see them in your profile.

Unique tag colors

Assign distinct colors to tags when they're created to make tool categorization visually intuitive.

[BUG]: profile picture not updating in the feed

After updating the profile picture, it is not updating in the cards shown in the main feed. The new profile picture is displayed correctly in the navbar and in the profile feed.

Steps to reproduce the behavior:

  1. Update the profile picture in the setting page
  2. Go back to the home page

Add loading page

Implement a loading animation that appears whenever data retrieval is in progress to improve UX by reducing uncertainty.

Avoid tag duplication

Implement a feature that prevents adding duplicate tags for a cleaner tagging system.

[BUG]: Patch updated Stars

Describe the bug
I cannot update my favourites

To Reproduce
Steps to reproduce the behavior:

  1. login
  2. put a star on favourite card
  3. reload app

Expected behavior
Update my favourites

Add the ability to change the profile picture.

Regardless of having registered through a Google account, you should be given the ability to change user profile picture, without necessarily having to change the original one.

I hope this can be helpful. :)

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.