La Flor Blanca Salvadoreña

A website for La Flor Blanca Salvadoreña, a Salvadoran restaurant. This project is designed to showcase the restaurant's ambiance, menu, and provide essential information for potential customers. The goal is to create a professional, responsive, and user-friendly site that enhances the restaurant's online presence.

Table of Contents

• Project Description
• Features
• Tech Stack
• Getting Started
• Project Structure
• License

Project Description

The website will serve as an online platform for La Flor Blanca Salvadoreña, helping customers access menu items, learn about the restaurant's story, and get directions or contact information. This project is also intended as a learning experience in web development, using HTML, CSS, and JavaScript to build a responsive and interactive website.

Features

• Home Page: Highlights the restaurant's key offerings and ambiance with an inviting design.
• Menu Page: Displays the menu with item descriptions and prices.
• About Us: Shares the story of La Flor Blanca Salvadoreña and its dedication to authentic Salvadoran cuisine.
• Contact Page: Provides location, hours, and a contact form for inquiries.
• Responsive Design: Adapts to different screen sizes for mobile and desktop users.
• Potential Future Additions: Integration with Square POS for online ordering, a reservation system, and a gallery showcasing dishes and events.

Tech Stack

• Frontend:
  • HTML5
  • CSS3
  • JavaScript (Vanilla JS)

Optional Future Tools:

• Bootstrap or Tailwind CSS (for faster styling and responsiveness)
• Square POS API (for online ordering integration)

Getting Started

To get started with the project, clone this repository and open the files in your preferred code editor.

Prerequisites

You'll need Git to clone the repository and a code editor like Visual Studio Code to work on the project.

Installation

1. Clone the repository:

git clone https://github.com/yourusername/la-flor-blanca-website.git

2. Navigate into the project directory:

cd la-flor-blanca-website

3. Open the project in your code editor:

code .

Usage

1. Open index.html in your browser to view the homepage.
2. Modify HTML, CSS, and JavaScript files to make changes to the website.
3. Commit and push your changes to keep track of updates in the repository.

Project Structure

la-flor-blanca-website/
├── css/
│   └── styles.css          # Styling for the website
├── js/
│   └── scripts.js          # JavaScript for interactivity
├── images/                 # Folder for storing images
├── index.html              # Homepage of the website
└── README.md               # Project documentation

License

This project is licensed under the MIT License - see the LICENSE for details.