Math Book Website

A small, modern landing website for a math books collection, built with Vue 3 and Vite.

Features

• Responsive layout (header, main section, footer)
• Contact form powered by EmailJS (no backend required)
• Modular component structure

Technologies

• Vue 3
• Vite
• EmailJS (@emailjs/browser)
• Vanilla CSS

Prerequisites

• Node.js 18+ (recommended)
• npm (or yarn)
• EmailJS account (only if you want the contact form to send emails)

Getting Started

1. Install dependencies

npm install

2. (Optional) Configure EmailJS

Copy .env.example to .env and fill your keys:

VITE_EMAILJS_PUBLIC_KEY=your_public_key_here
VITE_EMAILJS_TEMPLATE_ID=your_template_id_here
VITE_EMAILJS_SERVICE_ID=your_service_id_here

3. Start dev server

npm run dev

Open http://localhost:5173.

Scripts

npm run dev      # start dev server
npm run build    # production build
npm run preview  # preview production build locally

EmailJS Template Variables

The contact form expects these variables in your EmailJS template:

• {{name}}
• {{email}}
• {{phone}}
• {{date}}
• {{message}}

Project Structure

Math_Book_Website/
├── public/                 # Static assets
│   └── images/
├── src/
│   ├── components/         # UI components
│   ├── App.vue
│   ├── main.js
│   └── base.css
├── .env.example
├── index.html
├── package.json
└── vite.config.js

Deployment

This is a static site. You can deploy the dist/ folder produced by npm run build to:

• Netlify
• Vercel
• GitHub Pages (requires an extra config for base path)

If you use EmailJS in production, remember to set the same environment variables in your hosting provider.

License

MIT