https://github.com/sjproctor/email-collector
React application for collecting emails from meetup attendees.
https://github.com/sjproctor/email-collector
emailjs react reactforms render vite
Last synced: about 1 month ago
JSON representation
React application for collecting emails from meetup attendees.
- Host: GitHub
- URL: https://github.com/sjproctor/email-collector
- Owner: sjproctor
- Created: 2024-05-13T20:23:18.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-13T23:18:40.000Z (about 2 years ago)
- Last Synced: 2025-02-23T00:45:23.539Z (over 1 year ago)
- Topics: emailjs, react, reactforms, render, vite
- Language: JavaScript
- Homepage: https://email-collector-9ra7.onrender.com
- Size: 196 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Email Collector
This is a React application in Vite used to collect emails for SD Ruby meetup communications.
### 🧱 Technologies and Versions
- React + Vite
- Node v21.5.0
- Yarn 1.22.21
### ✅ Onboarding to the App
- To run the app in a development environment, clone the repository and run `yarn`
- To spin up a local server run the command `yarn dev`
- The application will run locally at `http://localhost:5173/`
### 🫧 Linting
Linting is handled by Prettier. Check for linting errors in the project by running:
```bash
yarn prettier:check:ci
```
Fix most lint issues in the project by running:
```bash
yarn prettier:format
```
### 🏃♀️ GitHub Actions
GitHub Actions will run workflows for linting on each push.
### 🤝 Application Dependencies
- [Tailwind](https://tailwindcss.com/)
- [Prettier for Tailwind](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier)
- [React Form Hook](https://react-hook-form.com/get-started)
- [Emailjs](https://www.emailjs.com/)
### 🗄️ Useful Resources
A few of the many resources that helped to build this application.
- [Add Tailwind to React App with Yarn](https://dev.to/ashirbadgudu/set-up-tailwind-css-with-create-react-app-and-yarn-pio)
- [Simple React Contact Form Without Back-End](https://medium.com/weekly-webtips/simple-react-contact-form-without-back-end-9fa06eff52d9)
### 🚀 Deployment
- The application is deployed on Render.com and available at [this url](https://email-collector-9ra7.onrender.com)