https://github.com/0x1luffy/assessli-assignment
Ignore its just an internship Qualification Assignment
https://github.com/0x1luffy/assessli-assignment
Last synced: 2 months ago
JSON representation
Ignore its just an internship Qualification Assignment
- Host: GitHub
- URL: https://github.com/0x1luffy/assessli-assignment
- Owner: 0x1Luffy
- Created: 2024-03-05T13:40:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-06T06:35:54.000Z (about 1 year ago)
- Last Synced: 2025-01-18T00:30:42.136Z (4 months ago)
- Language: JavaScript
- Homepage: https://assessli-assignment.vercel.app
- Size: 54.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Contact Page to Google Sheets Integration
## Stack Used
- HTML, Tailwind CSS, and React for Frontend
- Zod for input validation
- Google Sheets for storing the data
You can view the data [here](https://docs.google.com/spreadsheets/d/19QB-KQaUlIR3iCg_Yf6VjAFtKHUhxwQfOjOioeWKo90/edit#gid=0).
## Overview
This project is a contact page built with React and Vite that allows users to submit their information, which is then stored in a Google Sheets spreadsheet.
## Installation
Follow these steps to set up and run the project locally:
1. **Clone the Repository**
```bash
git clone https://github.com/0x1Luffy/Assessli-Assignment.git
cd Assessli-Assignment
```
2. **Install Dependencies**
```bash
npm install
```
3. **Google Sheets Configuration**
- Open `src/App.js` in your code editor.
- Find the section where the Google Sheets API is called.
- Replace the URL in the API call with your Google Sheets URL.
```javascript
// Example API Call
const response = await fetch('YOUR_GOOGLE_SHEETS_URL_HERE');
```
Replace `YOUR_GOOGLE_SHEETS_URL_HERE` with your Google Sheets URL.
4. **Run the Application**
```bash
npm run dev
```
Visit [http://localhost:3000](http://localhost:3000) in your browser to see the contact page.
## Contributing
If you'd like to contribute to the project, please follow the standard GitHub flow:
1. Fork the repository.
2. Create a new branch: `git checkout -b feature/my-feature`.
3. Make your changes and commit them: `git commit -m 'Add my feature'`.
4. Push to the branch: `git push origin feature/my-feature`.
5. Open a pull request.