mafiabooklover-stack/discover-Ethiopia-frontend

# Discover Ethiopia Team Members: # Discover Ethiopia - Travel Guide ## Team Members: - Yousri Yousra Abdela - Dibora Tesfaye - Melat Akalework - Bement Abayneh - Anisa Jemal - Eman Ansar - Leyla Tofik - Sumeya Murad - Abaynesh Haylu - Afomiya Fikadu - Aster Bekele - Rebia Mohammed ## What This Website Does: A full-stack travel guide website where users can browse, search, and view detailed information about Ethiopian tourist destinations — including historical sites, natural wonders, and cultural experiences — with an interactive map for each place, user authentication, and an admin panel to add new destinations. ## Backend Language: Node.js (Express.js) with MongoDB ## Live Website: discover-ethiopia-frontend.… ## How to Run It: ### 1. Start MongoDB (if not already running) ```bash # Ensure MongoDB service is running or use MongoDB Atlas connection string # 2. Install backend dependencies cd backend npm install # 3. Seed the database with the 18 starter destinations node seed.js # 4. Start the backend server node server.js ``` Then open `index.html` in your browser (or use a local server like VS Code Live Server). The backend runs on **http://localhost:5001** --- ## Project Structure ``` Discover Ethiopia/ ├── index.html ← Home page with hero slideshow + featured destinations ├── destinations.html ← All 18+ destinations, organized by category ├── place.html ← Detail page for each destination with map ├── admin.html ← Admin panel: add and delete destinations (login required) ├── login.html ← User login page ├── register.html ← User registration page ├── contact.html ← Contact page with demo form │ ├── css/ │ └── style.css ← All styles and layouts │ ├── js/ │ ├── script.js ← Frontend JS: loads destinations from API, renders cards │ └── auth.js ← Shared auth helpers: login, logout, nav rendering │ ├── assets/ ← All destination images (19 photos) …