Modern Website with Contact Form

A responsive website built with HTML, CSS, and JavaScript with a Flask backend to handle contact form submissions.

Features

• Responsive Design: Mobile-friendly layout
• Dark Mode: Toggle between light and dark themes
• Contact Form: Save messages to a JSON database
• Form Validation: Email and message validation
• Smooth Scrolling: Navigation with smooth scroll behavior

Installation

1. Clone the repository:

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

2. Install Python dependencies:

pip install -r requirements.txt

Running the Application

1. Start the Flask server:

python app.py

2. Open your browser and go to:

http://localhost:5000

3. The application will be available at the home page

File Structure

├── index.html      # Main HTML file
├── style.css       # Stylesheet
├── style.js        # Frontend JavaScript
├── app.py          # Flask backend server
├── messages.json   # Stored contact messages
├── requirements.txt # Python dependencies
└── README.md       # This file

How It Works

1. Fill in the contact form with your email and message
2. Click "Send Message"
3. The form validates your input
4. If valid, the data is sent to the Flask backend via API
5. The message is saved to messages.json
6. You get a success confirmation

Technologies Used

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• Backend: Flask (Python)
• Database: JSON file storage

License

MIT License - Feel free to use this project for your own purposes.