zdwarren / calc-fe

React, react-query, antd for Calculator FE

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Calculator App Frontend

Introduction

This repository hosts the frontend (FE) part of a calculator application designed to provide a simple yet powerful user interface for performing arithmetic calculations. The frontend is built with React, leveraging React Query for efficient server state management and Ant Design (antd) for a polished, user-friendly UI.

Features

  • Modern UI: Built with Ant Design for a responsive and intuitive user interface.
  • State Management: Uses React Query for handling asynchronous data fetching, caching, and synchronization.
  • Dynamic Calculations: Communicates with the backend to process and display calculation results.

Installation

Ensure you have Node.js installed on your machine. This project was bootstrapped with Create React App, so you'll need Node.js version 10.16.0 or later.

Follow these steps to get the frontend running:

  1. Clone the Repository
git clone https://github.com/zdwarren/calc-fe.git
cd calc-fe
  1. Install Dependencies Inside the project directory, install the necessary packages using npm:
npm install
  1. Start the Development Server Start the app in development mode by running:
npm start

Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.

  1. Run Tests
npm test

About

React, react-query, antd for Calculator FE


Languages

Language:TypeScript 73.1%Language:JavaScript 10.6%Language:HTML 10.5%Language:CSS 5.7%