/React-Goutils

GoUtils is a multifunctional responsive web app that provides three demanding features that are Create Notes, Text Analyzer, and Multiplication table generator to help professionals as well as the general public in their daily life

Primary LanguageJavaScript

GoUtils: An Online Create Notes, Text Analyzer, And Multiplication Table Generator Tool

GoUtils is a multifunctional utility web app that helps you to create and save notes in your browser while working online, Helps in analyzing and formatting your text by manipulating it the way you want, and generates multiplication tables of any number. These tools have been designed to help students and professionals in their daily life to make their work easy.

Development And Optimizations

GoUtils has been developed using React.js and Tailwind CSS. To give the website a modern look, react top loading bar, skeleton loading and lazy image loading have been used. For providing smooth animations and lazy image loading, Intersection observer API has been used.

Resource

Font: https://fonts.google.com/

Icons: https://fontawesome.com/

Images: https://www.pexels.com/

Favicon: https://realfavicongenerator.net/

Color Palettes: https://coolors.co/

Image design: https://www.adobe.com/express/create/banner

Tinst and shades: https://maketintsandshades.com/

Image handling: (compress,resize etc.): https://squoosh.app/

Features Check: https://caniuse.com/

Tech Stack

Client: React, TailwindCSS

Packages: react-router-dom, react-top-loading-bar

Run Locally

Install dependencies

  npm install

Start the server

  npm run start

Preview

Hero

notes-1

Notes-2

text-1

table

error

Hi, my name is Gopal ji! 👋

developer

🚀 About Me

I'm a front-end web developer. I'm the developer of the GoUtils Website.

🛠 Skills

Javascript, HTML, CSS, React.js, Tailwind css