✨ App Overview

Website building e2e app inspired by wix.com. Have a look here🚩

Weebo was created with small business owners in mind. It is merely a website builder that aids in the creation and management of your website.

📌 With Weebo's template kits, building a well-designed, fully functional website can be a simple, seamless process.

📌 As Weebo's editor is a live frontend editor, you can design your website live and construct complicated layouts without having to transition between the editor and preview mode.

📌 The responsive editor-tool also makes it possible to create fully responsive websites that constantly provide the greatest user experience regardless of the screen size or viewing device they are being viewed on.

📌 Efficient use that enables real-time editor updates and simultaneous team collaboration.

📌 Using a visual editor, the drag-and-drop page builder helps in the creation of stunning pages. You can quickly construct dynamic websites thanks to its architecture.

👩‍💻 Technology

🔸 React, MongoDB, Express, and Node.js make up the technology stack.

🔸 Utilizing the REST API technique, API calls are made to the backend.

🔸 For real-time editor updating, the program makes advantage of webSockets, that makes it possible to open a two-way interactive communication session between the user's browser and a server.

🔸 Sass was used to style and arrange the layout (functions, mixins, variables).

🔸 Middleware was utilized in actions integrating authentication and authorization.

🔸 Drag-and-drop application added using an open source library that enables simple integration of drag-and-drop functionality to the app.

🐣 Take your first step

🔹 Clone the project or download the files by going to the repository up above.

git clone https://github.com/TanyaGr9191/Weebo-proj.git

🔹 Go to the backend folder:

cd backend

Note: Ensure that node_modules are installed first.

🔹 Next, we'll start the server with 'npm start':

npm i
npm start

Note: You should receive a terminal output verifying the server's status at port 3030.

🔹 Now carry out the same steps for the frontend folder.

cd frontend
npm i
npm start

Note: A terminal output at localhost:3000 should be displayed once the server is up and running.

👏 All done!

✔️ You have completed your first step with Weebo. Now the app is active!

👥 Credits

🌟 Tanya Grudinkina (visit my LinkedIn page)

🌟 Boris Ryjkov

🌟 Nadav Vazana