https://github.com/thecodermehedi/geometrycalculator

Simple Interactive Geometry Calculator Website
https://github.com/thecodermehedi/geometrycalculator

Last synced: about 1 year ago
JSON representation

Simple Interactive Geometry Calculator Website

• Host: GitHub
• URL: https://github.com/thecodermehedi/geometrycalculator
• Owner: thecodermehedi
• License: mit
• Created: 2023-08-18T09:37:01.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-20T03:23:07.000Z (over 1 year ago)
• Last Synced: 2025-02-08T13:18:22.917Z (over 1 year ago)
• Language: HTML
• Homepage: https://dub.sh/geometrycalculator
• Size: 192 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          




 
A versatile web project starter template with HTML5, CSS3, Tailwind CSS, daisyUI, Git, and Node.js for quick, responsive web development.

 



## How to run this ?

1. **Clone this repo**

```bash

git clone https://github.com/devbytemehedi/swiftstart.git

```

2. **Open swiftstart in vscode**

```pwsh

code swiftstart

```

3. **Install node modules**

```bash

npm i

```

4. **Build the** `style.css` **file**

```bash

npm run build

```

5. **Install Live Server Extension**

6. **Open index.html and Right click on the editor**

7. **Click "Open with Live Server".**

8. **Project should be up and running in your browser.**

## OS, Terminal & Shell

![Windows 11](https://img.shields.io/badge/Windows%2011-%230079d5.svg?style=for-the-badge&logo=Windows%2011&logoColor=white) ![Windows Terminal](https://img.shields.io/badge/Windows%20Terminal-%234D4D4D.svg?style=for-the-badge&logo=windows-terminal&logoColor=white) ![PowerShell](https://img.shields.io/badge/PowerShell-%235391FE.svg?style=for-the-badge&logo=powershell&logoColor=white)

## Software Used

![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white) ![ChatGPT](https://img.shields.io/badge/chatGPT-74aa9c?style=for-the-badge&logo=openai&logoColor=white) ![Firefox](https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge&logo=Firefox-Browser&logoColor=white)

## Technology Used

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![DaisyUI](https://img.shields.io/badge/daisyui-5A0EF8?style=for-the-badge&logo=daisyui&logoColor=white) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)

## Connect with me

[![Facebook](https://img.shields.io/badge/Facebook-%231877F2.svg?style=for-the-badge&logo=Facebook&logoColor=white)](https://facebook.com/iamrealmehedi) [![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white)](http://instagram.com/iamrealmehedi)

[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/devbytemehedi) [![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/devbytemehedi/) [![Dev.to blog](https://img.shields.io/badge/dev.to-0A0A0A?style=for-the-badge&logo=dev.to&logoColor=white)](https://dev.to/devbytemehedi)

## Folder Structure

```css

swiftstart

 ┣ .vscode

 ┃ ┗ settings.json

 ┣ src

 ┃ ┣ assets

 ┃ ┃ ┣ favicons

 ┃ ┃ ┃ ┣ icon.png

 ┃ ┃ ┃ ┗ icon.svg

 ┃ ┃ ┣ icons

 ┃ ┃ ┃ ┣ dev.svg

 ┃ ┃ ┃ ┣ facebook.svg

 ┃ ┃ ┃ ┣ github.svg

 ┃ ┃ ┃ ┣ instagram.svg

 ┃ ┃ ┃ ┗ linkedin.svg

 ┃ ┃ ┗ logo

 ┃ ┃ ┃ ┣ logo-black.png

 ┃ ┃ ┃ ┣ logo-color.png

 ┃ ┃ ┃ ┣ logo-no-bg.png

 ┃ ┃ ┃ ┗ logo-white.png

 ┃ ┣ 404.html

 ┃ ┣ index.html

 ┃ ┣ input.css

 ┃ ┗ main.js

 ┣ .gitattributes

 ┣ .gitignore

 ┣ LICENSE

 ┣ package.json

 ┣ README.md

 ┣ robots.txt

 ┗ tailwind.config.js

```

## License

The code is available under the [MIT](./LICENSE) license.

## Acknowledgements

This project uses the following free resources:

- [Logo.com](https://logo.com/) - A free online logo maker and branding tool.

- [Favicon.io](https://favicon.io/) - A website that provides tools for creating favicons, which are small icons that appear in the address bar or tab of a web browser.

- [Icons8](https://icons8.com/) - A website that provides a large collection of free icons, photos, vectors, and music.

- [HTML5 Boilerplate](https://html5boilerplate.com/) - A professional front-end template for building fast, robust, and adaptable web apps or sites.

- [Tailwind Playlist by Learn with Sumit](https://github.com/learnwithsumit/tailwind-playlist/tree/lesson-2) - A repository containing lessons on using Tailwind CSS.

Thank you to the creators of these resources for making them available for free!