Setup Guidance for the Project

[ayeshaaask]

Hello [Ilyas Keskin],

I really appreciate your work on this project! I found the source code and demo, and it looks fantastic. However, I noticed that there are no instructions provided for initiating the project. It would be incredibly helpful if you could add setup instructions to assist others in getting started.

Thank you for your great contributions!

Looking forward to your response.

[ayeshaaask]

Please take my request in consideration. I'm really looking forward to learn from your project. 🙏🏻

[IlyasKeskinn]

Hello,

Thank you for your kind words! I'm glad you found the project and demo to your liking. I noticed that the setup instructions are missing as well, and I will make sure to add them to the README as soon as possible to help others get started easily.

Looking forward to your feedback!

Best regards, Ilyas Keskin

[ayeshaaask]

Hello,

Thank you for your kind words! I'm glad you found the project and demo to your liking. I noticed that the setup instructions are missing as well, and I will make sure to add them to the README as soon as possible to help others get started easily.

Looking forward to your feedback!

Best regards, Ilyas Keskin

Thank you for your response! I appreciate your willingness to update the README with setup instructions. Since I'm working under a tight deadline, it would be extremely helpful if you could provide the updated instructions as soon as possible. Looking forward to getting started! Thanks again.

[IlyasKeskinn]

I added the installation steps, you can write if there is an error.

[ayeshaaask]

Sure! I'll check it out. I really appreciate your efforts, thanks again!

On Sat, Oct 12, 2024, 3:33 PM İlyas Keskin @.***> wrote:

I added the installation steps, you can write if there is an error.

— Reply to this email directly, view it on GitHub https://github.com/IlyasKeskinn/e-commerce/issues/1#issuecomment-2408505864, or unsubscribe https://github.com/notifications/unsubscribe-auth/BDDN3PK4LAJCA7J4YAPC4ZTZ3DXWBAVCNFSM6AAAAABPZAFXMWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGUYDKOBWGQ . You are receiving this because you authored the thread.Message ID: @.***>

[ayeshaaask]

I added the installation steps, you can write if there is an error.

i implemented all the installation steps, the frontend i.e the homepage as defined in the file was successfully loaded but when running backend on port 5000, page displaying cannot GET/ error. although i solved it and currently the frontend is running on port 5173 and backend on port 5000(with the message: backend is running). But the core issue is not yet understandable but explained below: Frontend Not Communicating with Backend and Missing Components on Port 5173

Description: When running the frontend on port 5173, several issues are present:

The frontend is not communicating with the backend. Only the homepage is visible, and several components are missing or not working: The slider is not functioning. Navigation between pages is not working when clicking on links or components. The navbar is not loaded fully. The frontend is unable to fetch data from the backend. Expected Behavior:

The frontend should be able to communicate with the backend, fetching and displaying data properly. All components should load correctly, including the slider, navbar, and fully functional navigation between pages.

Could you please investigate the connectivity issue between the frontend and backend? We hope this can be resolved as soon as possible to get the application working properly.

Thank you!

[ayeshaaask]

I added the installation steps, you can write if there is an error.

i implemented all the installation steps, the frontend i.e the homepage as defined in the file was successfully loaded but when running backend on port 5000, page displaying cannot GET/ error. although i solved it and currently the frontend is running on port 5173 and backend on port 5000(with the message: backend is running). But the core issue is not yet understandable but explained below: Frontend Not Communicating with Backend and Missing Components on Port 5173

Description: When running the frontend on port 5173, several issues are present:

The frontend is not communicating with the backend. Only the homepage is visible, and several components are missing or not working: The slider is not functioning. Navigation between pages is not working when clicking on links or components. The navbar is not loaded fully. The frontend is unable to fetch data from the backend. Expected Behavior:

The frontend should be able to communicate with the backend, fetching and displaying data properly. All components should load correctly, including the slider, navbar, and fully functional navigation between pages.

Could you please investigate the connectivity issue between the frontend and backend? We hope this can be resolved as soon as possible to get the application working properly.

Thank you!

Here’s a video showing the issue in action: Watch the video here

[IlyasKeskinn]

The "About" section, sliders ,product categories and products in the project are pulled from the database. However, since there is no data in the database at the moment, these sections are not functioning. To resolve this, follow the steps below:

1. User Registration Check: First, check if the user registration process has been completed. If no user has been created yet, complete the registration process (register).

At this stage, email confirmation is not important, just ensure the registration is successful.

2. Creating an Admin User: After completing the registration process, log in to your MongoDB panel.

Go to the users collection in your database. Here, you need to create a user with admin privileges. You can add a new user with the following details:

userName: Ayes Hak email: yourmail@gmail.com password: password userRole: admin

This step allows you to define an admin user, giving you access to perform administrative tasks.

3. Restarting the Project: Once you’ve created the admin user, restart your project.

Then, log in using the admin user credentials you just added to MongoDB.

4. Accessing the Admin Panel: After logging in, navigate to the following URL in your browser: http://localhost:5173/#/admin.

From the admin panel, you can start adding the necessary content.

5. Adding Data: In the admin panel, you can manage the following sections and add new data to the database:

Slider Images: Add PNG images for sliders related to product categories. Top and Sub Categories: You can add and manage product categories. Products: Add product information and images. About Section: Add detailed project-related information here. By following these steps, you will be able to fill in the missing content and manage important data such as sliders, categories, and products through the admin panel.

[ayeshaaask]

The "About" section, sliders ,product categories and products in the project are pulled from the database. However, since there is no data in the database at the moment, these sections are not functioning. To resolve this, follow the steps below:

1. User Registration Check: First, check if the user registration process has been completed. If no user has been created yet, complete the registration process (register).

At this stage, email confirmation is not important, just ensure the registration is successful. 2. Creating an Admin User: After completing the registration process, log in to your MongoDB panel.

Go to the users collection in your database. Here, you need to create a user with admin privileges. You can add a new user with the following details:

userName: Ayes Hak email: yourmail@gmail.com password: password userRole: admin

This step allows you to define an admin user, giving you access to perform administrative tasks.

3. Restarting the Project: Once you’ve created the admin user, restart your project.

Then, log in using the admin user credentials you just added to MongoDB. 4. Accessing the Admin Panel: After logging in, navigate to the following URL in your browser: http://localhost:5173/#/admin.

From the admin panel, you can start adding the necessary content. 5. Adding Data: In the admin panel, you can manage the following sections and add new data to the database:

Slider Images: Add PNG images for sliders related to product categories. Top and Sub Categories: You can add and manage product categories. Products: Add product information and images. About Section: Add detailed project-related information here. By following these steps, you will be able to fill in the missing content and manage important data such as sliders, categories, and products through the admin panel.

Thank you so much for the detailed instructions! I truly appreciate your guidance and quick response. I’m grateful for your help and support, and I’m excited to move forward with the setup.

Thanks again for your invaluable assistance!

Best regards, Ayesha Shaikh