AG Technology - Company Website & Blog 🚀

Source code for the official website of AG Technology, a company specializing in automation and AI solutions for businesses. The site serves as a marketing tool, contact point, and content platform.

Visit the live site »

---

Overview • Key Features • Tech Stack • Setup & Installation • Contact

---

📖 Overview

This project is the website for AG Technology. It includes:

• Frontend: A responsive static site built with HTML, CSS, and vanilla JavaScript.
• Backend: A Node.js server using the Firebase Admin SDK to connect to a Firestore database. The server is responsible for receiving and saving submissions from the contact form.

The site showcases the company's services, including an interactive savings calculator, and features a blog with professional articles.

---

✨ Key Features

• Responsive Company Website: Showcases company services, work process, and value proposition.
• Blog System: Articles are managed as JavaScript modules, allowing for easy content addition and management.
• Savings Calculator (ROI): An interactive tool for potential clients to estimate savings from automation.
• Contact Form: A functional form that sends data to the backend and stores it securely in Firestore.
• Cookie Consent Management: A banner for managing cookie consent according to regulations.

---

🛠️ Tech Stack

This project was built using the following technologies:

Frontend:

• HTML5
• CSS3
• JavaScript (ES6+)

Backend:

• Node.js
• Firebase Admin SDK
• Firestore (NoSQL Database)

---

⚙️ Setup & Installation

To run this project locally, you will need Node.js and a Firebase project.

Prerequisites (Firebase)

1. Create a new project in the Firebase Console.
2. In your new project, enable the Firestore Database.
3. In your project settings (Project settings -> Service accounts), click "Generate new private key". This will download a JSON file. Save it for the next step.

Local Installation

1. Clone the repository

   # Replace with your repository URL
   git clone https://github.com/sirmalev/ag-tech-website.git

2. Navigate to the project directory

   cd ag-tech-website

3. Install dependencies

   npm install

4. Set up environment variables a. Create a file named .env in the project's root directory. b. Open the JSON file you downloaded from Firebase. c. Convert the entire content of the JSON file into a single Base64 encoded string. You can use an online tool or the following terminal command:

   # Replace 'path/to/your/serviceAccountKey.json' with the path to your file
   cat path/to/your/serviceAccountKey.json | base64

   d. Add the resulting string to your .env file like this:

   FIREBASE_SERVICE_ACCOUNT_BASE64="<Your-Base64-String-Here>"
   

5. Run the server (Assuming the server entry file is src/app.js or similar)

   node src/app.js 

   The server will run and listen for submissions from the form.

6. Run the frontend To view the site, you can use the Live Server extension in VS Code on the public/index.html file, or run a simple static server from your terminal:

   npx serve public

---

📫 Contact