Lead Generation System with n8n, React, and Express.js 🚀

Welcome to the Lead Generation System repository! This project combines the power of React for the frontend, Express.js for the backend, and n8n for workflow automation. It is designed to streamline lead capture, automate tasks, and provide scalability for future integrations.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Workflows
• API Endpoints
• Contributing
• License
• Releases

Features

• Fullstack Solution: Built with React, Express.js, and n8n.
• Lead Capture: Easily capture leads from your website.
• Automated Workflows: Trigger n8n workflows for tasks like sending email alerts.
• Scalable Architecture: Ready for future CRM or database integrations.
• Responsive Design: Works seamlessly on all devices.

Technologies Used

• Frontend: React.js
• Backend: Express.js
• Database: SQLite
• Workflow Automation: n8n
• Languages: JavaScript
• Development Stack: MERN (MongoDB, Express.js, React.js, Node.js)

Installation

To get started with this project, follow these steps:

1. Clone the repository:

   git clone https://github.com/aboodi332/Lead-generation-n8n-email-FULLSTACK.git

2. Navigate to the project directory:

   cd Lead-generation-n8n-email-FULLSTACK

3. Install dependencies:

   • For the frontend:

     cd client
     npm install

   • For the backend:

     cd server
     npm install

4. Set up the database:

   • Ensure SQLite is installed on your machine.
   • Create a database file in the server directory.

5. Run the application:

   • Start the backend server:

     cd server
     npm start

   • Start the frontend:

     cd client
     npm start

Usage

Once the application is running, you can access it in your web browser at http://localhost:3000.

• Capture Leads: Fill out the lead capture form to test the functionality.
• Automated Emails: Check your email to see if the automated alerts are working.

Workflows

n8n provides powerful workflow automation capabilities. Here’s how to set up a basic workflow:

1. Create a New Workflow: Open n8n and create a new workflow.
2. Add Trigger: Use an HTTP webhook as the trigger.
3. Add Email Node: Configure the email node to send alerts.
4. Connect Nodes: Link the trigger to the email node.
5. Activate Workflow: Make sure to activate your workflow to start receiving leads.

For detailed instructions on setting up workflows, refer to the n8n documentation.

API Endpoints

The backend provides several API endpoints to interact with the lead generation system:

• POST /api/leads: Create a new lead.
• GET /api/leads: Retrieve all leads.
• GET /api/leads/:id: Retrieve a specific lead by ID.
• DELETE /api/leads/:id: Delete a lead by ID.

Example Usage

To create a new lead, you can use the following curl command:

curl -X POST http://localhost:5000/api/leads -H "Content-Type: application/json" -d '{"name": "John Doe", "email": "[email protected]"}'

Contributing

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push to your branch and create a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Releases

For the latest releases, visit our Releases page. Here you can find downloadable files and release notes.

Conclusion

Thank you for checking out the Lead Generation System! We hope you find it useful for your projects. If you have any questions or suggestions, feel free to reach out. Happy coding!