IEEE-754 Binary-32 Floating-Point Converter

CSARCH2 Simulation Project: Binary-32 Floating-Point Converter

This repository contains the source code, output screenshots, and a short video demonstration of the web application implemented in TypeScript using React.js that simulates an IEEE-754 Binary-32 Floating-Point Converter to its binary or hexadecimal equivalents (including special cases).

Contents

1. Screenshots

• Screenshots of the program output showcasing all possible test cases covering the specifications
  

2. Video Demonstration

• A short video demonstration showcasing the program compilation and all test cases covered in the specifications
  

3. Source Code

• The source code for the project and link to the web-based application
  

4. Technical Analysis Write-Up

• Short write-up showcasing problems encountered and strategies in solving them and analysis on implementing the requirements for the project
  

Running the Program

The web application can either be ran through the deployed website URL or through local installation.

Running the Web Application on the Internet

To access the deployed web application on the internet, go to https://csarch2-binary32converter.vercel.app/

Running the Web Application through Localhost

To install and run the project locally, follow these steps:

1. Clone this repository: git clone https://github.com/angelocguerra/csarch2-componentsexhibit.git or download the zip file of the project's latest release and navigate to the project directory
2. Open terminal/Command Prompt and install dependencies: npm i or npm install
3. After the installation of npm packages, run the application: npm start
4. Access the web application by opening the URL: localhost:3000

Tools/Frameworks Used

The project was built using the following:

• React: a JavaScript library for building user interfaces
• Tailwind CSS: a utility-first CSS framework best for inline styling
• Daisy UI: a Tailwind CSS component library
• TypeScript: a typed superset of JavaScript

Group Members

Section: S13
Group: 6

• Jose Maria Angelo Guerra (Lead Developer, Full-Stack)
• Adrian Yung Cheng (Logic/Back-End Developer)
• Mia Bernice Cruz (Front-End Developer)
• Mark Gabriel Abergos (QA/Tester)
• Trisha Alissandra Sayo (Back-End Developer)