https://github.com/muzabol2/calc

Simple calculator in vanilla JS
https://github.com/muzabol2/calc

babel javascript postcss vanilla-javascript vercel webpack

Last synced: about 2 months ago
JSON representation

Simple calculator in vanilla JS

• Host: GitHub
• URL: https://github.com/muzabol2/calc
• Owner: muzabol2
• Created: 2023-04-22T16:29:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-15T07:30:20.000Z (12 months ago)
• Last Synced: 2024-01-15T11:46:42.158Z (12 months ago)
• Topics: babel, javascript, postcss, vanilla-javascript, vercel, webpack
• Language: JavaScript
• Homepage: https://calc-eta-drab.vercel.app
• Size: 147 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Calculator Project

This project is a simple calculator application built with vanilla JavaScript. The main purpose of this project is to practice and gain a deeper understanding of various web development tools such as Webpack and Babel.

## Technologies Used

- JavaScript (ES6+)

- Webpack for bundling the JavaScript files

- Babel for transpiling ES6+ code to ES5 for better browser compatibility

- PostCSS for processing CSS

## Project Structure

- `src/` directory contains the source code for the application

  - `Calculator.js` is the main JavaScript file that contains the calculator functionality

  - `index.js` is the entry point for the application

  - `styles.css` contains the styles for the application

  - `template.html` is the HTML template for the application

- `webpack.config.js` contains the configuration for Webpack

- `babel.config.js` contains the configuration for Babel

- `postcss.config.js` contains the configuration for PostCSS

- `package.json` contains the list of project dependencies and scripts

## Getting Started

To get started with this project:

1. Clone the repository

2. Install the dependencies with `npm install`

3. Start the development server with `npm run dev`

4. Build the project for production with `npm run build`

This project is an example of how to set up a modern JavaScript development environment from scratch. It provides a solid starting point for anyone looking to learn more about Webpack, Babel, and other modern web development tools.