Alembank Full Gospel Church Website

This is the official website for Alembank Full Gospel Church, one of the branch churches under the Ethiopian Full Gospel Believers' Church, located in Addis Ababa, Ethiopia.

📖 Overview

The goal of this project is to develop a dynamic, user-friendly, and responsive website that shares information about the church, its activities, and allows members and visitors to interact through various features like event registration, prayer requests, and donations.

✨ Features

• 🏠 Home Page with welcome message and highlights
• 📖 About Us – Church history, mission, and leadership
• 🙌 Services – Weekly service times and departments
• 📅 Events – Upcoming church events and programs
• 📸 Media – Photos and videos from past events
• 💬 Prayer Requests – Submit personal prayer needs
• 📬 Contact Us – Reach out to the church office
• 💝 Donations – Support the church financially
• 🌍 Language Options – English and Amharic support
• 🌙 Dark Mode – Toggle between light and dark themes

🛠 Tech Stack

Frontend

• React
• TypeScript
• Vite
• Tailwind CSS
• Framer Motion
• Lucide React

Backend

• Node.js
• Express
• MongoDB
• Mongoose
• TypeScript

📁 Project Structure

project-root/
│
├── frontend/           # React + TypeScript + Tailwind frontend
│   ├── src/
│   ├── public/
│   ├── package.json
│   └── ..
│
├── backend/           # Express + MongoDB + TypeScript backend
│   ├── src/
│   ├── package.json
│   └── ...
│
└── README.md

🚀 Getting Started

Prerequisites

• Node.js and npm installed
• MongoDB instance (local or cloud)
• Git

Frontend Setup

cd frontend
npm install
npm run dev

Backend Setup

cd backend
npm install
npm run dev

📌 Environment Variables

Create a .env file in the backend/ directory and add:

PORT=5000
MONGODB_URI=your_mongo_connection_string

🌍 Language Support

The website supports both English and Amharic languages using Google Translate integration.

🎨 Design Features

• Responsive design for all devices
• Dark mode support
• Smooth animations and transitions
• Modern UI with Tailwind CSS
• Accessible design principles

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change or add.

📄 License

This project is under the MIT License.

Made with ❤️ for the glory of God.