created for Swamphacks 2025 by Tyler Audino and Ashley Maurer Video Demo: coming soon Devpost Page: https://devpost.com/software/contactus-ai?ref_content=my-projects-tab&ref_feature=my_projects
Have Node.js & npm installed - install with nvm
Follow these steps:
# Step 1: Clone the repository using the project's Git URL.
git clone <https://github.com/ashley44511/contactusai>
# Step 2: Navigate to the project directory.
cd <CONTACTUSAI>
# Step 3: Install the necessary dependencies.
npm i
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
# Step 5: Backend for AI API functionality
cd backend-ai-api
npm install
node server.js OR npm run start
# Step 6: Obtain 2 API Keys for full functionality
Create .env file in contactusai directory and put VITE_GEOCODIO_API_KEY="YOUR_API_KEY" in it
You can obtain a VITE_GEOCODIO_API_KEY from https://www.geocod.io/
Create .env file in contactusai/backend-ai-api and put GEMINI_API_KEY="YOUR_API_KEY"
You can obtain a GEMINI_API_KEY from https://aistudio.google.com/welcomecontactusai.us; project is currently only able to be run locally and isn't hosted on the web yet...coming soon!??
URL: https://lovable.dev/projects/19f7386d-d3af-40e1-ab41-6dee1e56d727
This project is built with .
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
Sources:
- https://www.govtrack.us/congress/members/map
- Photo by Photo By: Kaboompics.com: https://www.pexels.com/photo/image-of-old-building-on-american-banknote-4386157/
- "http://www.freepik.com" Designed by Dooder / Freepik
- ContactUSAI Logo by Ashley Maurer; inspired by dooder on Freepik
- https://www.figma.com/design/pVd5XTzS1NL4JlodzrbQPf/SwampHacksX?node-id=0-1&t=IljMaQWTve9XhOla-1
- https://chatgpt.com/
- https://lovable.dev/
- https://www.builder.io/
- https://ai.google.dev/gemini-api/docs
- https://tailwindcss.com/
- https://www.geeksforgeeks.org/how-to-align-form-elements-to-center-using-tailwind-css/
- https://developers.google.com/civic-information
- https://www.geocod.io/