Giter Site home page Giter Site logo

thdotnet / azure-periodic-table-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from onwardplatforms/azure-periodic-table-app

0.0 0.0 0.0 15.17 MB

An Azure periodic table application with service descriptions, naming rules and restrictions, infrastructure as code links, and direct access to Azure portal. It is both an Azure reference and a tool for accelerating infrastructure as code development in the Azure cloud.

Home Page: https://azure-periodic-table.onwardplatforms.com/

License: GNU Affero General Public License v3.0

JavaScript 0.29% Python 1.91% TypeScript 42.58% CSS 0.18% HCL 8.79% Dockerfile 0.08% Bicep 46.16%

azure-periodic-table-app's Introduction

Azure Periodic Table

The Azure Periodic Table is a Next.js project bootstrapped with create-next-app. This application serves as an interactive and intuitive way to explore Azure resources. It offers details about each service, their naming restrictions and conventions, and provides useful code snippets in Terraform. Whether you are new to Azure or an experienced user, this project aims to be a helpful reference for managing and provisioning Azure resources.

Pre-requisites

  • Node.js (v12.0.0 or higher)
  • npm (v6.0.0 or higher) or Yarn (v1.22.0 or higher)

If you don't have Yarn installed, you can install it by following the instructions on the official Yarn website, or install it via npm:

npm install -g yarn

Installation

Before starting the server, install the necessary dependencies. Navigate to the project directory and run:

yarn

Getting Started

After installing the dependencies, you can start the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

  • Next.js Documentation - learn about Next.js features and API.
  • Learn Next.js - an interactive Next.js tutorial. You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy this Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

Deploy with Docker

This guide will walk you through the steps to deploy this application using Docker.

Prerequisites

Before you start, ensure you have the following installed:

  • Docker - Download and install Docker for your operating system.

Getting Started

  1. Clone the docker image:
docker pull onwardplatforms/azure-periodic-table-dockerversion
  1. Once you pulled the image, use the below command to check the docker images
docker images
  1. Once the image shows up, it's time to run the image on your docker engine.
docker run -d -p 3000:3000 <docker-imageid>
  1. Please use the below command to verify the DockerImage is running sucessfully.
docker ps -a

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.