Skip to content

๐Ÿงฎ A super simple and colorful Basic Calculator App built with React Native using Expo! It lets you โž• add, โž– subtract, โœ–๏ธ multiply by 2, and โž— divide by 2 โ€” all with just a tap. Perfect for beginners (like me ๐Ÿ˜„) learning about mobile UI, state management using hooks, and building fun little apps. ๐Ÿ“ฑ

Notifications You must be signed in to change notification settings

salmanazamdev/hisabi-react-native-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿงฎ Hisabi โ€“ A Basic React Native Calculator

Welcome to Hisabi โ€” a beginner-friendly React Native calculator built using Expo.
It lets you perform basic arithmetic operations like add, subtract, multiply, and divide โ€” with a clean layout and colorful buttons ๐ŸŽจ


๐Ÿš€ Getting Started

Clone the repo and install the dependencies:

npm install

Start the development server:

npx expo start

Scan the QR code in the terminal with Expo Go (Android/iOS) to test the app instantly ๐Ÿ“ฑ


๐Ÿ“ Folder Structure

project-root/
โ”œโ”€โ”€ app/                # Contains layout.tsx (main logic)
โ”œโ”€โ”€ assets/             # App assets (icons, fonts, etc.)
โ”œโ”€โ”€ .expo/              # Expo metadata
โ”œโ”€โ”€ node_modules/       # Installed dependencies
โ”œโ”€โ”€ README.md           # This file
โ”œโ”€โ”€ app.config.js       # Expo config
โ””โ”€โ”€ package.json        # Dependencies and scripts

โœจ Features

  • ๐Ÿง  Interactive number input
  • โž• โž– โœ–๏ธ โž— Basic operations aligned like a mobile calculator
  • ๐ŸŽจ Color-coded buttons
  • ๐Ÿ”„ Clear layout and expandable logic

๐Ÿ”ง Tech Stack

  • โš›๏ธ React Native (via Expo)
  • ๐Ÿงช TypeScript (optional if you add later)
  • ๐Ÿ“ฆ Expo CLI for development and preview

๐Ÿค“ How to Use

  1. Tap numbers and operations to build your expression
  2. Press = to calculate
  3. Output is shown on top
  4. Want to restart? Add a clear (C/AC) button and logic!

๐Ÿ› ๏ธ Future Enhancements

  • Add decimals (.)
  • Add backspace
  • Add history log
  • Add dark/light theme toggle ๐ŸŒ—

๐Ÿค Contributing

Feel free to fork this project and make it better!

git checkout -b feature/your-awesome-feature
git commit -m "Add cool new feature"
git push origin feature/your-awesome-feature

Open a Pull Request and letโ€™s build together ๐Ÿš€


๐Ÿ“ฌ Contact

๐Ÿ‘ค M Salman Azam ๐Ÿ”— LinkedIn ๐Ÿ”— GitHub


โญ Show Some Love

If you like this project, give it a โญ and share it with your dev buddies!


About

๐Ÿงฎ A super simple and colorful Basic Calculator App built with React Native using Expo! It lets you โž• add, โž– subtract, โœ–๏ธ multiply by 2, and โž— divide by 2 โ€” all with just a tap. Perfect for beginners (like me ๐Ÿ˜„) learning about mobile UI, state management using hooks, and building fun little apps. ๐Ÿ“ฑ

Topics

Resources

Stars

Watchers

Forks