Is your feature request related to a problem? Please describe. I didn't see the the save button at the first sight, when I finally saw it, I thought it was a footer button, so I had to scroll to know that button was to save the information.

Describe the solution you'd like I'd like the button to be changed as a static one or move up to be more visible for the user. I think it's perfect for mobile devices but for web I think is better a button at the end of the form as usual.

Additional context I was looking for the button in the red rectangle section as in many other forms.

Describe the bug When the API is called to fetch the user data for the dashboard, there should be a loading screen while it's fetching it.

Add a loading screen/prompt/snackbar while fetching the data

Describe the bug The Footer of the website has a LinkedIn button, which is forwarding to a 404 page.

To Reproduce Steps to reproduce the behavior:

1. Go to footer
2. Click on LinkedIn Button

Expected behavior Remove the LinkedIn button or point it to a page saying we will be on LinkedIn soon. I personally prefer the second option.

**Desktop

• OS: All
• Browser All
• Version All

**Smartphone

• Device: All
• OS: All
• Browser All
• Version All

I would like to work on it if you can assign it to me :)

Description

Created a new page404 component inside app/src/Pages/ The route to this page was set up app/src/app.js using react-router-dom. Additional - A Font was imported from google fonts

Fixes # (issue) Created 404 page

Motivation and Context

It's a 404 page Issue#65

How Has This Been Tested?

It, has been tested locally.

Screenshots (if appropriate)

Checklist

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules
• [ ] This PR isn't a duplicate of a previous one

Is your feature request related to a problem? Please describe. Currently, an alert box appears on save success or failure in the dashboard.

Describe the solution you'd like Show the snackbar instead of alert dialogue in there.

Is your feature request related to a problem? Please describe. We don't have a 404 page yet. Would love to have one

Describe the solution you'd like Please design and code a 404 page. Or you may create a design and put a screenshot here. If someone else like he/she could code it.

Description

Modified and moved the save button to the bottom of the form, where it is more visible.

Motivation and Context

Fixes #95

How Has This Been Tested?

Tested locally

Screenshots (if appropriate)

Checklist

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules
• [x] This PR isn't a duplicate of a previous one

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Go to root directory of the project
2. Run 'npm audit'
3. See error

Expected behavior There should be 0 vulnerabilities

Additional context npm audit fix won't help. It needs manual reviews

Other than GitHub Topics, your description will be the primary way of catching the users eyes. Your repo description should be clear and concise. Ask yourself:

• In one sentence, how do I convey what my repo does?
• What type of users am I interested in attracting to my repo?
• If I was a user, what words or phrases might spark my interest?

This is an open source portfolio management system.

This is a good start, but what is a "portfolio management system?" When I see "portfolio management," I think this repo will manage my stock portfolio versus my brand portfolio. What can we do to make this clear for other students?

Describe the bug Donate Now button not scaling on mobile

To Reproduce Steps to reproduce the behavior:

1. Go to website on mobile

Expected behavior The Donate now button is either hidden or scaled down to fit properly.

Screenshots If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: Pixel 5
• OS: Android 12
• Browser: Chrome
• Version: 104

A README is often the first item a visitor will see when visiting your repository. We recommend that your README includes information on:

• What the project does
• Why the project is useful
• How users can get started with the project
  • Explain to users that there is a LEARN.md
  • Explain how to setup the project on their computer
• Mention your code of conduct

You already have great information in your README thus far. Adding this additional bit of information will really help other students looking to contribute.

Bumps @azure/static-web-apps-cli from 1.0.3 to 1.0.4.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps concurrently from 7.5.0 to 7.6.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps loader-utils from 2.0.2 to 2.0.4.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Describe the bug As we can see in the screenshot, the images are not displaying.

To Reproduce Steps to reproduce the behavior:

1. Go to public folder
2. Click on productHowItWorks1.svg (similarly other 2 images)
3. See error

Expected behavior Images to be displayed, in 'how it works' section

Screenshots

Desktop

• OS: Windows
• Browser Chrome
• Version 106.0.5249.119

Additional context I would like to work on this issue if you assign me.

The end product of the web app is a fully rendered HTML that a user can showcase as his portfolio website or just a web resume.

• What we do is simple, we pick up a free HTML template from the internet.
• This Template is chosen to be an option for user to pick as a portfolio website.
• We change the HTML document for this template and put in EJS tags wherever necessary.
• Now this EJS script is filled dynamically by JS in accordance to the details user gives in our React App.
• The end HTML file which is filled by user details are returned back to the user.

Currently we have only one template as an option, but we like to create more such ready to use templates as EJS script.

What the contributor should do?

• [ ] Visit https://bootstrapmade.com/bootstrap-portfolio-templates/ or similar platforms to find ready-to-sue HTML templates.
• [ ] Learn EJS: https://ejs.co/
• [ ] Change the HTML code to EJS, refer to this current template: https://github.com/Portfolio-Shop/portfolioshop/blob/master/api/templates/template1.ejs.

Some quick notes.

• [ ] Make sure all the CSS (Bootstrap or anything else) is part of the same HTML file.
• [ ] Be sure to use all JS from the same HTML file.
• [ ] Basically template should be just one EJS file that has all HTML, CSS and JS as it's part, make sure to refer this EJS: https://github.com/Portfolio-Shop/portfolioshop/blob/master/api/templates/template1.ejs

Describe the bug As you can see the logout button is not shown properly.

To Reproduce Steps to reproduce the behavior:

1. Go to the homepage
2. Click on google sign-on
3. See error

Expected behavior Logout Buttons should be the same size as the other two buttons, and floating it to the right makes it blend well with the UI.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser chrome
• Version Latest

Additional context I would like to work on it, if you can assign this to me :)