/community-challenge

Repo with code snippets and instructions for HostSpace community challenge

Primary LanguageVue

Cloudflare Domains Manager

Manage your Cloudflare domains with ease using the Cloudflare Domains Manager. This responsive and efficient application is built with a Vue.js frontend and a Python Flask backend.

Screenshot

Prerequisites

Ensure the following prerequisites are installed on your machine:

Backend

  • Python 3.9+
  • Flask

Frontend

  • Node.js 14+
  • npm or yarn

Setup & Installation

Follow these instructions to set up the development environment on your local machine.

1. Clone the Repository

Clone the repository from https://github.com/hostspaceng/community-challenge.

git clone https://github.com/hostspaceng/communuty-challenge.git
cd community-challenge

2. Backend Setup

Navigate to the backend directory, install the required packages, and start the Flask development server.

Install Dependencies

python3 -m pip install -r requirements.txt

Set Environment Variables

Replace the placeholders in the .env sample file with your actual Cloudflare credentials and configurations or copy from .env.sample

ZONE_ID=your_zone_id_here
CF_API_KEY=your_CF_API_KEY_here
CF_API_EMAIL=your_CF_API_EMAIL_here

Start the Development Server

export FLASK_APP=main.py
export FLASK_ENV=development
flask run

The Flask API server will be running on http://localhost:5000.

3. Frontend Setup

Navigate to the frontend directory, install the required packages, and start the development server.

Install Dependencies

npm install

Or if you're using Yarn:

yarn install

Set Environment Variables

Ensure that your .env file is populated with the necessary environment variables for development.

VUE_APP_PROXY_URL=http://localhost:5000/

Start the Development Server

npm run serve

Or for Yarn users:

yarn serve

Access the application on http://localhost:8080.

Participation in the Challenge

For details on participating in the challenge, including writing a Dockerfile, setting up a CI/CD pipeline, and implementing Infrastructure as Code (IaC), please refer to the detailed challenge instructions provided.

Make sure to use the provided pull request template when submitting your solutions to facilitate a uniform and organized evaluation process.

For any questions or clarifications, reach out on the dedicated Slack channel. Happy coding!