No-Code Website Builder

Overview

This project is a full-stack web application developed using the MERN stack, aimed at enabling users to create websites without any coding knowledge. The drag-and-drop builder facilitates intuitive website design by allowing users to visually manipulate pre-built customizable components.

Features

• Intuitive Interface: Users can design websites visually by dragging and dropping pre-built customizable components onto a canvas.
• Effortless Code Generation: Upon completion of website design, the application generates the necessary code automatically.
• Authentication and Authorization: Complete authentication and authorization using JWT tokens are implemented for secure user access.
• State Management: Redux is utilized for state management and structuring.

Screenshots

Getting Started

To run this project locally, follow these steps:

1. Clone the repository from Frontend Github and Backend Github.
2. Install dependencies for both frontend and backend using npm install command.
3. Start the backend server using npm start command in the backend directory.
4. Start the frontend server using npm start command in the frontend directory.
5. Open your web browser and navigate to http://localhost:3000 to access the application.

Live Site

The project is currently hosted on free servers, which may result in slower performance. You can access the live site here.

Technologies Used

• MongoDB
• Express.js
• React.js
• Node.js
• GrapesJs
• Redux

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your proposed changes.

Contact

For any inquiries or feedback, feel free to contact us at [mathurvaibhav010@gmail.com].