Contact Page

This is a simple and responsive contact page built using Chakra UI, React, Vite, and TypeScript. The page includes a form that allows users to submit their contact information and message.

Features

• Responsive Design: The layout is fully responsive and works well on all screen sizes.
• Form Validation: Basic form validation is implemented to ensure all required fields are filled.
• Dark Mode Support: The page supports both light and dark modes, adapting to the user's system preferences.
• Form Submission: Form data is sent to a specified endpoint using a POST request.

Technologies Used

• React
• Vite
• TypeScript
• Chakra UI
• Formspree

Getting Started

Prerequisites

Make sure you have the following installed:

• Node.js (>= 12.x)
• npm (>= 6.x) or yarn (>= 1.x)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/contact-page.git
   cd contact-page

2. Install dependencies:

   npm install

Running the Application

To start the development server, run:

npm run dev

The application will be available at http://localhost:3000.

Building for Production

To build the application for production, run:

npm run build

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any bugs or improvements.

License

This project is licensed under the Apache-2.0 license. See the LICENSE file for details.

Acknowledgements

• Chakra UI for the UI components
• Vite for the build tool
• React for the framework
• Formspree for the form handling service