Giter Site home page Giter Site logo

farhanfahreezy / lzw-compression Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 224 KB

Lempel–Ziv–Welch Algorithm for String Compression

Home Page: https://lzw-string-compression.vercel.app/

JavaScript 33.01% HTML 2.23% TypeScript 63.75% CSS 1.00%
database lzw-algorithm lzw-compression string-compression

lzw-compression's Introduction

LZW Compression Algorithm

React Typescript Tailwind

NodeJs ExpressJs MongoDB

The LZW Compression Web App is a full-stack application built using the MERN (MongoDB, Express, React, Node) stack. It provides a user-friendly interface to compress and decompress strings using the LZW algorithm.

Table of Contents

Description

Let's walk through the flow of the LZW compression algorithm from the frontend to the backend, including storing the results in MongoDB and sending the response back to the frontend:

  1. Input from Frontend: The user enters a string to be compressed or decompressed in the frontend user interface.

  2. Sending String to Backend: The frontend sends the input string to the backend server using an HTTP POST request.

  3. LZW Compression or Decompression: The backend receives the input string and applies the LZW compression or decompression algorithm accordingly, based on the user's request.

  4. Storing Answer in MongoDB Database: Once the compression or decompression process is complete, the backend stores the original input string, the compressed or decompressed value, and any other relevant information in the MongoDB database.

  5. Sending Response to Frontend: After storing the results, the backend sends a response back to the frontend. The response contains the compressed or decompressed value generated by the LZW algorithm.

Features

  • String Compression: Compress input strings using the LZW algorithm.
  • String Decompression: Decompress LZW-encoded strings to recover the original data.
  • History: Browse and review previously compressed or decompressed strings.

Installation

To install this web app, follow the steps below:

  1. Clone this repository or download it as a ZIP file.
  2. Navigate to the "server" directory by running cd ./server and execute npm run devStart.
  3. Go back to the main directory by running cd ../client and execute npm run dev.
  4. Open https://localhost:5173/ in your web browser.

Alternatively, you can directly use this web app by visiting https://lzw-string-compression.vercel.app/.

Usage

String Compression

compression

String Decompression

decompression

History

history

Contributing

Mohammad Farhan Fahrezy

Contact

lzw-compression's People

Contributors

farhanfahreezy avatar

Watchers

 avatar

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.