https://github.com/delee03/sukem_elearning

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/delee03/sukem_elearning
Owner: delee03
Created: 2024-12-02T16:39:45.000Z (6 months ago)
Default Branch: main
Last Pushed: 2025-01-07T03:04:40.000Z (5 months ago)
Last Synced: 2025-04-15T05:48:28.430Z (about 2 months ago)
Language: TypeScript
Size: 1.24 MB
Stars: 0
Watchers: 1
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Elearning Program 🧮

Welcome to the **Simple Calculator Program**, a basic yet functional tool designed to perform essential arithmetic operations. This project focuses on simplicity, efficiency, and usability, making it an excellent choice for beginners or anyone needing quick calculations.

## Introduction 🚀

The **Simple Calculator Program** allows users to perform fundamental mathematical operations such as addition, subtraction, multiplication, and division. The project includes a clean interface and responsive design to ensure ease of use across devices.

## Project Structure 📂

#### - **index.html** 🛡️

The main HTML file serves as the foundation of the project. It defines the structure and layout of the calculator interface, integrating all styles and scripts. Key features include:

- A clean and semantic layout for calculator buttons and display.
- Links to external CSS (`style.css`) and JavaScript (`index.js`) files for styling and functionality.

#### - **ReactJS** 🌐

The JavaScript file responsible for implementing the calculator's core logic. Features include:

- Handling user inputs for arithmetic operations.
- Performing calculations (addition, subtraction, multiplication, division).
- Dynamically updating the calculator display based on user interactions.

#### - **style.css** 🌐

The CSS file defines the visual aesthetics of the project, ensuring a responsive and modern user interface. Key aspects:

- Styling for buttons, display, and overall layout.
- Responsive design for a seamless experience across devices.
- Clean and organized class-based styling for easy maintenance.

#### - **README.md** 🛂

The documentation file provides an overview of the project. It includes:

- A description of the calculator's functionality.
- Instructions on how to set up and use the project.
- Details on the project structure and any dependencies.
- Acknowledgments and references for additional context.

## Features 🧮

### 1. Basic Arithmetic Operations ✨

- **Addition (+):** Easily compute the sum of two or more numbers with precision.
- **Subtraction (-):** Perform subtraction to find the difference between two numbers effortlessly.
- **Multiplication (×):** Multiply numbers to calculate products, ideal for quick calculations.
- **Division (÷):** Divide numbers with accuracy, ensuring clear results.

### 2. Responsive Design 🛍️

- Designed to be fully responsive across all devices (desktop, tablet, and mobile).
- **Bootstrap** ensures consistency in spacing, colors, and typography.

## Setup Instructions 🚪

To get started, follow these simple steps:

1. **Clone the repository**

```bash
git clone https://github.com/delee03/b5_sum_envtool.git
cd b5_sum_envtool
```

2. **Run the development server**
Open `index.html` with Live Server
Running on `http://127.0.0.1:5500`

## Contributing 🤝

- **[Phạm Tiến Thuận Phát](https://github.com/delee03)** - Team Leader & Mentor
- 📖 **Role:** Guides the team in project selection and management. Provides mentorship in software development best practices.
- **[Lê Phạm Ngọc Uyển](https://github.com/ngcuyen)** - Frontend Developer
- 💻 **Role:** Specializes in React, Nextjs, ASP.Net to develop and style user interfaces.
- **[Trần Hoàng Nam](https://github.com/Nam-th)** - Frontend Developer
- 💻 **Role:** Specializes in React, Nextjs, ASP.Net to develop and style user interfaces.
- **[Nguyễn Đức Khánh](https://github.com/duckhanh696824)** - Frontend Developer
- 💻 **Role:** Specializes in React, Nextjs, ASP.Net to develop and style user interfaces.

_{Thuận Phát}
📝💻

_{Ngọc Uyển}
💻🎨

_{Hoàng Nam}
💻

_{Đức Khánh}
💻