Zeller is a React application with TypeScript, showcasing advanced user interactions and data management. This project is currently in version 0.1.0.
Before you begin, ensure you have met the following requirements:
- You have a recent version of Node.js installed (preferably Node 14.x or later).
- You have a basic understanding of React and TypeScript.
To install Zeller, follow these steps:
- Clone the repository to your local machine by running
git clone https://github.com/phfa26/zeller
. - Navigate to the project directory.
- Run
npm install
to install all the dependencies listed in thepackage.json
file.
Since aws-exports.js
is included in the .gitignore
file, you need to add this file manually to the src
folder with your AWS configuration. Although this approach works for the sake of this exercise, it's not ideal for handling sensitive credentials. A more secure approach is using environment variables through a .env
file or a secrets manager.
In the project directory, you can run:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build
folder. It correctly bundles React in production mode and optimizes the build for the best performance.
Note: this is a one-way operation. Once you eject
, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject
at any time. This command will remove the single build dependency from your project.
This project is built with the following technologies:
- React 18.2.0
- TypeScript 4.9.5
- AWS Amplify 5.3.11
- Material UI 5.14.12
- And others listed in
package.json
If you want to contact me, you can reach me at paulo@amaral.com.au.