TSMongoExpressSessionAuth icon indicating copy to clipboard operation
TSMongoExpressSessionAuth copied to clipboard

Front-end admin home page styling

Open elsowiny opened this issue 4 years ago • 11 comments

The project currently has minimal styling for a home page and a seperate profile page. If styling were added, this would make it more complete in terms of turnkey boilerplate code. It's not necessarily a necessity, but it does aid in aesthetics. I figure this would be a good first issue for newcomers though and anyone wanting to contribute is more than welcome to!

elsowiny avatar Dec 22 '21 20:12 elsowiny

Can I work on this issue or is there anyone working on it?

NevilleMthw avatar Jan 26 '22 16:01 NevilleMthw

@NevilleMthw Yes feel free to! I'm also going to invite you to join the organization because I am impressed with your proactiveness.

elsowiny avatar Jan 26 '22 16:01 elsowiny

Hi @elsowiny I just want to know about how to get the website running since the website crashes after awhile from using npm run server. I also just get hello world displayed.

NevilleMthw avatar Jan 28 '22 13:01 NevilleMthw

@NevilleMthw thank you for bringing this to my attention I'll have a look at it! Usually I do npm run start in the admin client and also npm run start in a separate terminal for the backend but I'll double check it

elsowiny avatar Jan 28 '22 18:01 elsowiny

@NevilleMthw thank you for bringing this to my attention I'll have a look at it! Usually I do npm run start in the admin client and also npm run start in a separate terminal for the backend but I'll double check it

Oh alright, I haven't used node in awhile. So I usually just use nodemon once and it runs the project. This is a bit different I guess.

NevilleMthw avatar Jan 28 '22 18:01 NevilleMthw

Okay I see that running npm run server in the backend does crash it but it should restart on its own as well, as long as you have "concurrently" installed. If you did "npm i" in the backend folder it should of installed everything for the backend and then npm run server would work but you can also do "npm run tsc" and then "npm run start" which should work. (make sure to do npm i if you haven't separately for both the client and server) Then for the client I did npm i inside the client folder, and after installation of the clientside packages npm run start should work

elsowiny avatar Jan 28 '22 19:01 elsowiny

I did do npm i for both the frontend (adminclient) and backend (src) folders. After that, I did npm run start for the frontend and it connected after which just crashed with the error: connect ECONNREFUSED 127.0.0.1:27017. Also, when it does run I just get hello world being displayed. I hope I am doing it the right way.

NevilleMthw avatar Jan 29 '22 15:01 NevilleMthw

Okay actually the error is related to mongodb, and what I'm going to do is actually just tweak the code to make it so that backend is optional and that whoever decides to use it can just connect it if they want, but i'm going to make the profile page accessible. Give me a second I'm going to push a new update soon

elsowiny avatar Jan 29 '22 20:01 elsowiny

Alright, thanks. Will check it out again.

NevilleMthw avatar Jan 29 '22 20:01 NevilleMthw

I am guessing the styling is done in SCSS, I have not used SCSS before so I would just create the styling in CSS if that's possible and then just convert it to SCSS? Not sure if that would work.

NevilleMthw avatar Jan 30 '22 21:01 NevilleMthw

For SCSS it's pretty easy and actually just like CSS but better and allows you to add comments, variables, etc. I do not know if you may need to download sass to get it started which I assume you may need to, but I think the package may take care of it.

You could just edit the scss files directly and style as you normally would in a css file. The funny thing is scss gets converted to css actually, but you can even just add a regular old css file if you want and that would be completely fine!

elsowiny avatar Jan 31 '22 01:01 elsowiny