NextBuilder Connect

A web application aims to allow users to create accounts, authenticate themselves, and then display articles from the CMS Builder.io, along with navigating between pages.

Technology used

Backend:

Frontend:

Database

The necessary steps to configure and install the project on a new environment

Installation of software

To make the application work, you need to install:

After installing these three softwares, start the WAMP SERVER software to launch a local server on your machine.

You should see the WAMP logo at the bottom right; wait until it turns green. (If the logo does not turn green, click on it and restart its services.)

Download the project:

git clone https://github.com/Githendra23/NextBuilder-Connect.git

Then, open the file "db_app.mwb" located in the folder backend/db.

By clicking on the file, you will open the MySQL Workbench software. In the software, click on Database -> Forward engineer... in the menu bar.

Fill in the information displayed in the image below.

Click on the Next button, continuing to click until everything is correct, then close the software.
You have now installed the database on your local server on your machine.

Launching the API and the website

To launch the web application, you must first start the API, and then the site.

To launch the API, open the terminal, then navigate to the folder "backend" with the command cd.

cd <path inside the folder "backend">

Then, execute:

node app.js

In another terminal, navigate to the folder "frontend" and execute:

npm run dev

Click or copy-paste the provided link into your browser to access the website.

🎆 You have successfully configured and installed the project in your environment 🎉