Giter Club home page Giter Club logo

receiptprocessor's Introduction

Receipt Processor App

This project is created to demonstrate backend knowledge. The React app included here needs to be run to facilitate passing data to the backend via a request and getting the appropriate response so we can visually see the results.

Note: The UI is designed solely to demonstrate functionality and does not represent any effort to create a visually appealing UI.

Getting Started

Follow these steps to get the Receipt Processor app up and running on your local machine.

Options to run app

If you prefer to run the application in a docker container, follow these steps:

  1. Clone the Repository:
  • Open your terminal (command prompt on Windows).
  • Navigate to the directory where you want to store the app.
  • Run the following command to clone the repository:
    git clone https://github.com/sterno2510/receiptProcessor.git
    
  1. Navigate to the Project Directory:
  • After cloning, navigate into the project directory using:
    cd receipt-processor
    
  1. Build the Docker Image:
docker build -t receipt-processor .
  1. Run the Docker Container:
docker run -d -p 3001:3001 receipt-processor

This command builds and runs the Docker container named receipt-processor, mapping port 3001 on your local machine to port 3001 in the container.

  1. View the App:

Once the container is running, you can view the app by navigating to http://localhost:3001 in your web browser.

In lieu of using Docker, follow the steps below

Prerequisites

Before you begin, ensure you have the following installed on your computer:

  • Node.js: Download and install Node.js from nodejs.org. The Receipt Processor app requires Node.js version 22.2.0.

Installing Node.js (version 22.2.0)

  1. Download Node.js:
  • Visit nodejs.org.
  • Download the Node.js version 22.2.0 installer suitable for your operating system.
  1. Install Node.js:
  • Run the downloaded installer and follow the installation prompts.
  • Verify the installation by opening a terminal and running:
    node --version
    
    This should display v22.2.0.

Installation Steps for Receipt Processor App

  1. Clone the Repository:
  • Open your terminal (command prompt on Windows).
  • Navigate to the directory where you want to store the app.
  • Run the following command to clone the repository:
    git clone https://github.com/sterno2510/receiptProcessor.git
    
  1. Navigate to the Project Directory:
  • After cloning, navigate into the project directory using:
    cd receipt-processor
    
  1. Install Dependencies:
  • Once inside the project directory, install dependencies by running:
    npm install
    

This command will download and install all necessary packages defined in package.json.

  1. Start the Development Server:
  • To start the server using nodemon, run:
    nodemon server.js
    
    Make sure your server entry point file is named server.js. Adjust the command if your file has a different name.
  1. Start the React App:
  • Open a new terminal window/tab (while keeping the server running).
  • Navigate to the project directory if not already there.
  • Start the React app by running:
    npm start
    

This command compiles the React app and opens it in your default web browser. If it doesn't open automatically, you can visit http://localhost:3000 in your browser.

  1. Explore the App:
  • You should now see the Receipt Processor app running locally!
  • Click on any of the receipts to test functionality of the backend!

receiptprocessor's People

Contributors

sterno2510 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.