Angular-Calculator Tailwind Templates

Angular Calculator

Dive into the world of numbers with our Angular 16 Simple Calculator! Tailwind CSS adds style, Firebase brings hosting magic, and Docker ensures effortless sharing. Unleash the mathlete in you! 🚀🔢

🧮 Simple Calculator App


A basic calculator web application built using Angular 16 and styled with Tailwind CSS. The app performs arithmetic operations and showcases the integration of frontend technologies. It's also deployed using Firebase hosting and Dockerized for easy deployment.

Try Now

In a Nutshell ✨

  • Addition, subtraction, multiplication, and division operations.
  • Responsive design thanks to Angular 16 and Tailwind CSS.
  • Easy deployment with Firebase hosting.
  • Docker containerization for efficient deployment.

Installation 🛠️

  1. Clone the repository:
git clone https://github.com/suryanshsingh2001/ang-calc.git
  1. Install dependencies:

    npm install
    
  2. Make sure to be the ang-calc project directory

cd ang-calc
  1. Run the development server:

    ng serve
    
  2. Open your browser and visit http://localhost:4200 to see the calculator in action.

Deployment 🌐

Firebase Hosting

  1. Make sure you have the Firebase CLI installed:
npm install -g firebase-tools
  1. Build the project:
npm run build
  1. Log in to your Firebase account:
firebase login
  1. Initialize your Firebase project:
firebase init
  1. Choose hosting and follow the prompts to deploy the app.

Docker 🐳

The project is dockerized for easy deployment and scalability. To run the app using Docker, use the following commands:

  1. Build the image
    docker build --pull --rm -f "Dockerfile" -t angularcalculator:latest "."
    
  2. Run image
    docker run --rm -d -p 80:80/tcp angularcalculator:latest 
    

Contributions 🤝

Contributions are welcome! Feel free to open an issue or submit a pull request.


Made with ❤️ by Suryansh Singh

Top categories

Loading Svelte Themes