Create a nice introduction component and display it in dashboard.component.html (dashboard component).

[MareikeW]

By introduction component, I mean some content that can be displayed after the user has logged in (for now you can only see the word "Welcome" there). Maybe a banner and a list of some features of the app. Something that welcomes the user :)

Either add your html directly in the dashboard.component.html or create a new component that you can then insert in the dashboard.component.html.

[GabrielPedroza]

I can give it a shot🙂

[MareikeW]

Yay, have fun!

[GabrielPedroza]

@MareikeW Just to make sure I know what you want on this, it currently is an empty hero page with "Welcome" written on it. Do you only want me to style the dashboard with buttons that are not functional since idk ts or ang? Is there a color scheme that you want me to follow? Do you want the introduction component to fill the entire hero page?(Ik it says banner but just to make sure)

[MareikeW]

The buttons on the right side will be styled in issue #27. Your task here is to fill the hero page with some kind of intro/welcome to your dashboard sort of thing. You can do it however you like. As for the colors, we don't have a theme yet, so feel free to add colors you think are a good match. The current background color ist just, so that you can see how big the dashboard is. Once we have all the components styled, I will decide what color scheme looks the best fitting and then I'll either contact all the contributors and ask them to change the colors/styling or if they don't want to do that, then I will do it for them.

[MareikeW]

And yes, if you add buttons, etc. , then they don't need to have any functionality.

[GabrielPedroza]

I cant figure out how to open a port to run all the files so I can see how the dashboard looks so far. I already cloned the repo but I tried npm start and ng serve and didnt work. Do you know what I am doing wrong?

[MareikeW]

Hey! When you have installed Angular 12 then you need to type "ng serve --open" instead of "npm start". In Angular you write everything with "ng" :) Hope that helps.

[MareikeW]

Here is the link to the documentation: https://angular.io/guide/setup-local

[GabrielPedroza]

I went to the documentation you sent me and since you said I needed to install ang, I did using npm install -g @angular/cli but I get an error when installing it even though I have node.js installed. Im so confused as to why it doesnt work but Ill keep looking around to see if I can somehow fix this

[MareikeW]

Hey, that seems to be a MAC problem. I use Windows. When I google "missing write access to /usr/..." then several results show up e.g. https://progressivecoder.com/how-to-easily-fix-missing-write-access-error-npm-install/ Maybe this helps? Good luck! PS: Sometimes setting up the technology is one of the hardest parts, at least in my experience ;)

[GabrielPedroza]

I could not find any useful information in order to fix my errors and the I tried the link any many others you sent me and it still does not work. Apart from that, I also had an issue with updating npm on my mac so I found a command: sudo npm install npm@latest -g Im just letting you know in case you find others in my position. Other than that, I am so sorry but I genuinely cant figure out whats going on apart from mac being a difficult os when it comes to programming.

[MareikeW]

That sounds very frustrating. I'm really sorry for you! Would you like to be unassigned from this task? Otherwise, October is only halfway through, maybe you will find a solution in the next two weeks.

[GabrielPedroza]

I will try again today and tomorrow to see if I can figure out some sort of way to bypass this. I would've liked to contribute to your project especially because its my first time but if I can't get it to work, it'll be better for you to withdraw me from the task