{"id":21672106,"url":"https://github.com/mfxof/angular-render-web-building","last_synced_at":"2026-02-10T03:02:27.964Z","repository":{"id":264181014,"uuid":"869467497","full_name":"Mfxof/Angular-Render-Web-Building","owner":"Mfxof","description":"This GitHub repository provides a powerful tool for developers looking to build web applications using AngularJS. ","archived":false,"fork":false,"pushed_at":"2024-11-22T12:54:10.000Z","size":132,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-25T23:11:59.184Z","etag":null,"topics":["angular","angularjs","angularjs-application","renderer","tuto"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mfxof.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-08T10:50:31.000Z","updated_at":"2024-11-22T12:54:14.000Z","dependencies_parsed_at":"2024-11-22T16:15:19.434Z","dependency_job_id":null,"html_url":"https://github.com/Mfxof/Angular-Render-Web-Building","commit_stats":null,"previous_names":["mfxof/angular-render-web-building"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mfxof%2FAngular-Render-Web-Building","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mfxof%2FAngular-Render-Web-Building/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mfxof%2FAngular-Render-Web-Building/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mfxof%2FAngular-Render-Web-Building/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mfxof","download_url":"https://codeload.github.com/Mfxof/Angular-Render-Web-Building/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248513212,"owners_count":21116775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angularjs","angularjs-application","renderer","tuto"],"created_at":"2024-11-25T13:17:15.108Z","updated_at":"2026-02-10T03:02:27.923Z","avatar_url":"https://github.com/Mfxof.png","language":"PHP","readme":"- [Angular-Render-Web-Building](#angular-render-web-building)\n  - [Description](#description)\n    - [Projet description](#projet-description)\n    - [Branche description](#branche-description)\n  - [Features](#features)\n  - [Prerequisites](#prerequisites)\n  - [Installation](#installation)\n  - [Contribution](#contribution)\n- [**TUTORIAL** - Deploy a Web Project to Render Using AngularJS (or Any Web Project)](#tutorial---deploy-a-web-project-to-render-using-angularjs-or-any-web-project)\n  - [1. **Download the Project**](#1-download-the-project)\n  - [2. **Adjust Configuration if Needed (Optional)**](#2-adjust-configuration-if-needed-optional)\n  - [3. **Fork the Project or Create a New Repository**](#3-fork-the-project-or-create-a-new-repository)\n    - [Sub-steps to Fork the Project](#sub-steps-to-fork-the-project)\n    - [Sub-steps to Create a New Repository](#sub-steps-to-create-a-new-repository)\n  - [4. **Add Your Build to the `deployApp` Folder**](#4-add-your-build-to-the-deployapp-folder)\n    - [Sub-steps for Angular](#sub-steps-for-angular)\n  - [5. **Push the Modifications to Your Repository**](#5-push-the-modifications-to-your-repository)\n    - [Sub-steps to Push](#sub-steps-to-push)\n  - [6. **Go to Render**](#6-go-to-render)\n    - [Sub-steps to Create a Render Account](#sub-steps-to-create-a-render-account)\n  - [7. **Create a New Project on Render**](#7-create-a-new-project-on-render)\n    - [Sub-steps](#sub-steps)\n- [Other](#other)\n  - [Links](#links)\n\n# Angular-Render-Web-Building\n\n## Description\n\n### Projet description\n\nThis GitHub repository provides a powerful tool for developers looking to build web applications using AngularJS.  \nIt allows users to design, compile, and test their applications efficiently.  \nWith **Render** integration, you can easily deploy your project and see it live. 🌐 The process starts with creating your AngularJS application, followed by compiling it using Angular CLI.  \nYou can then test your application locally before deploying it on Render for real-time visualization. 🚀  \nThis is an ideal solution for those seeking to optimize their web development workflow.\n\n---\n\n### Branche description\n\nThis branch of the repository is dedicated to **the application enabling compilation on Render**. It includes the necessary files for API deployment, a configurable Dockerfile, and the compiled application from the Angular-Build-App branch (Optional - Add your code).\n\nThis project is designed to simplify the deployment and management of the application on the Render platform.  \nIt provides easy configuration and deployment of an Angular application with a secure API.\n\n- Secret: **PSSWD**\n\n## Features\n\n- Automated API deployment\n- Simplified Docker configuration\n- Pre-compiled Angular application\n\n## Prerequisites\n\nBefore starting, make sure you have the following installed:\n\n- **Node.js**\n- **Docker** (Optional)\n- **Git**\n\n## Installation\n\nChoose your preferred method to install the project:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Mfxof/Angular-Render-Web-Building.git\n   cd Angular-Render-Web-Building\n   ```\n\n---\n---\n\n## Contribution\n\nIf you'd like to contribute to this project, please follow these steps:\n\n- Fork the repository\n- Create a new branch (git checkout -b feature/my-new-feature)\n- Make your changes and commit them (git commit -m 'Add my new feature')\n- Push your branch (git push origin feature/my-new-feature)\n- Open a Pull Request\n\n---\n---\n---\n\n# **TUTORIAL** - Deploy a Web Project to Render Using AngularJS (or Any Web Project)\n\nThis tutorial will guide you through downloading, configuring, forking, and deploying a web project on Render using AngularJS as an example.\n\n---\n\n## 1. **Download the Project**\n\n- Clone the project to your local machine.\n- Use the following command in your terminal:\n\n     ```bash\n     git clone https://github.com/username/project-name.git\n     ```\n\n## 2. **Adjust Configuration if Needed (Optional)**\n\n- Before starting, make sure the project configuration matches your needs.\n- Check for the following:\n  - Configure the `Dockerfile` file, or other file.\n  - Any other environment-specific settings (environment variables, file paths, etc..).\n\n   *Example:* For Angular projects, you might want to check the `angular.json` file or the environment settings in `src/environments/`.\n\n## 3. **Fork the Project or Create a New Repository**\n\n- If you want to make changes, you can either:\n  - **Fork** the project (by clicking \"Fork\" on GitHub) to create a copy under your GitHub account.\n  - **Create a new repository** on GitHub to host a modified version of the project.\n\n- ⚠️ Sur GitHub configurer sa pour avoir des envois automatiques des Push dans les repository sur Render ⚠️\n  - In the repository go to `Settings`\n  - `Security` -\u003e `Secret and variables` -\u003e `Actions`\n  - Create a `New repository secret`\n  - Add a the name \"RENDER\"\n\n### Sub-steps to Fork the Project\n\n- Go to the project page on GitHub.\n- Click the **Fork** button in the top-right corner.\n- After forking, you'll have a copy of the project under your GitHub account.\n\n### Sub-steps to Create a New Repository\n\n- Go to GitHub and click **New Repository**.\n- Name your repository and add initial files if necessary.\n\n## 4. **Add Your Build to the `deployApp` Folder**\n\n- After customizing or building your project, you need to place the ready-to-deploy version in a folder called `deployApp`.\n\n### Sub-steps for Angular\n\n- If you're using Angular, build the project with the following command:\n\n     ```bash\n     ng build --prod\n     ```\n\n- Look the \u003chttps://github.com/Mfxof/Angular-Render-Web-Building/tree/Angular-Build-App\u003e\n- This will generate an optimized version of your project in the `/dist` folder.\n- Copy the files from the `dist/` folder to the `deployApp/` folder.\n\n## 5. **Push the Modifications to Your Repository**\n\n- Once you've added the build to the `deployApp` folder, it's time to push the changes to your GitHub repository.\n\n### Sub-steps to Push\n\n- Open your terminal and navigate to the project directory.\n- Run the following commands:\n\n     ```bash\n     git add deployApp/\n     git commit -m \"Added build to deployApp\"\n     git push origin main\n     ```\n\n## 6. **Go to [Render](https://dashboard.render.com/)**\n\n- If you don't have a Render account yet, create one [here](https://dashboard.render.com/register).\n\n### Sub-steps to Create a Render Account\n\n- Click **Sign Up**.\n- Choose your sign-up method (GitHub, Google, or Email).\n  - **Choose GitHub if you can.** ⚠️ *(To have a automatic connect to your repository)*\n- Follow the instructions to complete your account creation.\n\n## 7. **Create a New Project on Render**\n\n- Once logged in to Render, follow these steps to create a new project.\n\n### Sub-steps\n\n- Go to your dashboard.\n- Click **Create New Project**.\n- Name your project (e.g., \"My AngularJS Project\").\n- Select your GitHub repository (the one where you pushed the project in `deployApp`).\n\n---\n\nThe next steps will include configuring deployment settings and launching the project on Render.\n\n# Other\n\n## Links\n\n- My GitHub : \u003chttps://github.com/Mfxof\u003e\n- The initial repository : \u003chttps://github.com/Mfxof/Angular-Render-Web-Building\u003e\n- Render : \u003chttps://dashboard.render.com\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmfxof%2Fangular-render-web-building","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmfxof%2Fangular-render-web-building","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmfxof%2Fangular-render-web-building/lists"}