Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codingbygopal/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
https://github.com/codingbygopal/react-goutils

front-end front-end-development front-end-web-development javascript javascript-library lazy-loading-images react-router-dom react-router-dom-v6 react-router-v6 reactjs skeleton-loading tailwind tailwindcss ui-design utility-application

Last synced: 10 days ago
JSON representation

Host: GitHub
URL: https://github.com/codingbygopal/react-goutils
Owner: CodingByGopal
Created: 2022-09-06T14:54:26.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-11-02T17:32:18.000Z (about 2 years ago)
Last Synced: 2023-05-16T12:27:42.679Z (over 1 year ago)
Topics: front-end, front-end-development, front-end-web-development, javascript, javascript-library, lazy-loading-images, react-router-dom, react-router-dom-v6, react-router-v6, reactjs, skeleton-loading, tailwind, tailwindcss, ui-design, utility-application
Language: JavaScript
Homepage: https://goutils-gopal.netlify.app/
Size: 827 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 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

```bash
npm install
```

Start the server

```bash
npm run start

```

## Preview

![Hero](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-hero.png)

![notes-1](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-Create-Notes.png)

![Notes-2](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-Create-Notes-with-notes.png)

![text-1](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-Text-Analyzer.png)

![table](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-Table.png)

![error](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/3cb2f10b4cd9158d98c2d7b5167064d9dd0910b2/error-page-goutils.png)

# Hi, my name is Gopal ji! 👋

![developer](https://raw.githubusercontent.com/CodingByGopal/imagesAsLink/049af0fa0034bfab676ff6337db1e90c8ede2d06/Goutils-New-developer.png)

## 🚀 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