A modern and user-friendly contact page built with React, featuring form validation and integration with Google Sheets for seamless data collection
-
Clone the repository:
git clone <repository-url>
-
Navigate to the project directory:
cd project-directory
-
Install dependencies:
npm install
-
Start the development server:
npm start or npm run dev
-
Open your browser and go to http://localhost:5173 to view the application.
The project includes integration with Google Sheets for data collection using NoCodeAPI:
- Sign up for an account on NoCodeAPI and create a new Google Sheets API endpoint.
- Obtain the API endpoint URL provided by NoCodeAPI for your Google Sheets integration.
- Use the API endpoint URL in your project to send form submissions to the Google Sheets spreadsheet.
- Ensure that the Google Sheets spreadsheet is configured to accept data from the API endpoint.
This setup eliminates the need for obtaining Google Sheets API credentials and manually configuring a credentials file. Instead, you can directly use the API endpoint provided by NoCodeAPI to handle the integration seamlessly.
Make sure to add the Url into .env file
URL = <your_google_sheets_api_endpoint>
The project is deployed on Vercel for hosting React applications.
You can access the deployed application using the following link: Vercel Deployment Link .
- Fork the repository.
- Create a new branch (git checkout -b feature-name).
- Make your changes.
- Commit your changes (git commit -am 'Add new feature').
- Push to the branch (git push origin feature-name).
- Create a new Pull Request.
This project is licensed under the MIT License.