https://github.com/melvynx/reacttools

Tools in React
https://github.com/melvynx/reacttools

calculator convertor js random-number random-sentence react tools

Last synced: about 2 months ago
JSON representation

Tools in React

• Host: GitHub
• URL: https://github.com/melvynx/reacttools
• Owner: Melvynx
• Created: 2020-01-10T14:30:38.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T04:59:51.000Z (almost 3 years ago)
• Last Synced: 2025-03-20T04:52:49.424Z (7 months ago)
• Topics: calculator, convertor, js, random-number, random-sentence, react, tools
• Language: TypeScript
• Homepage: https://melvynx.github.io/tools/
• Size: 9.76 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ⚡️ React Tools ⚡️

> It's an Home Page with three tools.

### Motivation

To learn React and API with Firebase and Github api.

## 1. Random Sentence 

> Random a List of sentence.

We can add how many **Sentence** we want. And click on *randomizz* for give a Random List of your list.

We have 2 settings 🔧:

1. For set a timer before you can see the random list

2. For set only one sentence after clicking on *randomizz*

## 2. Base calculator

> Change base 10 to base **2** or **8** or **16**.

We can input a **number** and the calculator which instantly calculates the other bases.     

We have 4 settings 🔧:

1. Display / hide base 2 

2. Display / hide base 8 

3. Display / hide base 10

4. Display / hide base 16

## 3. My GitHub custom page

> I created a gitHub page with https://developer.github.com/v3/

To familiarize myself with api in GitHub, I created my Custom page GitHub with list of Repository and Commit. 

On this page, we can find information of my github account 👨‍💻.

After, we have a card per repository, with commit list and fork's link.

## Change log

* V1.6 :

    * Auth

        * Add user dialog (for see account)

        * add login dialog

        * add create account dialog

        * can create a group

        * add type password on password

        * add error of firebase on account create 

    * Forum

        * Add validation value on create topic

        * add validation value on create comment

        * if you're login, the username is not require

        * remove beug on unmounted component

        * can submit with enter key

        * change width forum

        * change marge forum card topic

        * add skeleton to topic

        * add setting button (edit and delete) -> only for owner user or admin.

        * Add validate icon when topic / answer is create by authentication user

            * change text on delete button by props

* V1.5 : 

    * **Global**

        * Refonte all style

        * Change primary and secondary color

        * Change all background

        * Change display button

        * -> style smooth 😮

    * Add a **Forum**

        * can create topic

        * can comment topic

* V1.3 : 

    * GitHub page

        * add skeleton before request

    * RandomSentence

        * add settings : edit time timer 

    * Topic (not visible)

        * Start topic

        * Link with firebase

        * Create Topic component

        * Other in progress...

* V1.3 : 

    * GitHub page

        * [NEW] GitHub Page is Deploy !!!

        * Change how request send on commit link

        * Fix warning

    * App 

        * Add footer

        * Reduc footer on smartphone

    * HomePage

        * Add card for gitHub page

    * RandomSentence

        * Add clean button

* V1.2 : 

    * My GitHub Page (not visible)

        * Add Acthor component 

        * change style card 

    * Base Calculator

        * Resolve helper text error

    * Shuffle Sentence

        * Resolve error for button on button

* V1.1 : 

    * Base Calculator

        * Add animation on focus

        * Remove alert on error

        * Add helper text on error

    * My GitHub Page

        * In Progress....

    * HomePage

        * Change Home Button (arrow to home icon)