[FEATURE] add save changes button

[Dun-sin]

Description

We're working on user profile, and it's missing something which is the save changes button, here's your task:

• [ ] fork the project but don't pick the main branch, pick the profile branch 213-feature-add-profile-section-ui
• [ ] create a button right above the Delete My Account button, well styled

Screenshots

Additional information

if you find any change you want to add outside the tasks, please create a new issue on it

👀 Have you checked if this issue has been raised before?

• [X] I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• [X] I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue ?

None

[github-actions[bot]]

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community :nerd_face:

[flexzy2011]

Can I work on this tomorrow?

[KrownWealth]

Hi, this looks great and it's something I can handle. But am scared that Docker won't run on my machine as I've tried that before. My machine did not allow virtualization, and this is one of the major keys to running the container.

But if docker isn't compulsory, I would like to work on this.

[Manuelcoder02]

I want to work on this, How can I work on it? This is my first time working on an open-source

[Aryashakya]

Hi, I would like to work on this issue.

[Dun-sin]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

[Dun-sin]

@Aryashakya @KrownWealth @Manuelcoder02 you can click on the watch button on this project to know about new issues faster or check my other project for issues you can work on too

https://github.com/Dun-sin/Code-Magic/issues

[flexzy2011]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin 🙏🏾

[Manuelcoder02]

Thanks @Dun-sin . I will check them out.

[flexzy2011]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

[Dun-sin]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

did you follow what the issue says? please read the original issue above

[flexzy2011]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

did you follow what the issue says? please read the original issue above

Oh okay thanks

[flexzy2011]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

did you follow what the issue says? please read the original issue above

The installation into my local device has been giving me problem, I'm not using Docker . I want to install it without docker I've done cd Whisper Then I Tried npm install; It's not working on my my PC, I don't know why

[Dun-sin]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

did you follow what the issue says? please read the original issue above

The installation into my local device has been giving me problem, I'm not using Docker . I want to install it without docker I've done cd Whisper Then I Tried npm install; It's not working on my my PC, I don't know why

Did you look at the read me file, there's an instruction for if you don't want to use docker

[Dun-sin]

Go to the client folder and do an npm install there

[flexzy2011]

@flexzy2011 sure you can, I replied the next day anyway, thanks for wanting to contribute, Make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck. Remember if you need help on something ask me🤞🏽

Thanks @Dun-sin Hello @Dun-sin I don't know if I'm doing something wrong but on my local device and GitHub the Profile.jsx is blank. I also clicked the demo and got the profile, it's blank unlike the screenshot you dropped here. Can you help on this?

did you follow what the issue says? please read the original issue above

The installation into my local device has been giving me problem, I'm not using Docker . I want to install it without docker I've done cd Whisper Then I Tried npm install; It's not working on my my PC, I don't know why

Did you look at the read me file, there's an instruction for if you don't want to use docker

Yeah i saw the instruction if you don't want to use docker, which is to set up monogdb locally on my device(youtube video). I've done that. localhost:27017

[flexzy2011]

Go to the client folder and do an npm install there

okay I'm on it

[flexzy2011]

Go to the client folder and do an npm install there

okay I'm on it

It's not working too

[Dun-sin]

Go to the client folder and do an npm install there

okay I'm on it

It's not working too

What’s the error, I can't help if you don't tell me the error

[flexzy2011]

Go to the client folder and do an npm install there

okay I'm on it

It's not working too

What’s the error, I can't help if you don't tell me the error

It's much, That's it below

npm ERR! gyp ERR! stack Error: Could not find any Python installation to use npm ERR! gyp ERR! stack at PythonFinder.fail (C:\Users\USER\Whisper\node_modules\node-gyp\lib\find-python.js:330:47) npm ERR! gyp ERR! stack at PythonFinder.runChecks (C:\Users\USER\Whisper\node_modules\node-gyp\lib\find-python.js:159:21) npm ERR! gyp ERR! stack at PythonFinder. (C:\Users\USER\Whisper\node_modules\node-gyp\lib\find-python.js:228:18) npm ERR! gyp ERR! stack at PythonFinder.execFileCallback (C:\Users\USER\Whisper\node_modules\node-gyp\lib\find-python.js:294:16) npm ERR! gyp ERR! stack at exithandler (node:child_process:427:5) npm ERR! gyp ERR! stack at ChildProcess.errorhandler (node:child_process:439:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:514:28) npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:289:12) npm ERR! gyp ERR! stack at onErrorNT (node:internal/child_process:476:16) npm ERR! gyp ERR! stack at process.processTicksAndRejections (node:internal/process/task_queues:82:21) npm ERR! gyp ERR! System Windows_NT 10.0.19044 npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\USER\Whisper\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd C:\Users\USER\Whisper\node_modules\node-sass npm ERR! gyp ERR! node -v v18.17.0 npm ERR! gyp ERR! node-gyp -v v8.4.1 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in: C:\Users\USER\AppData\Local\npm-cache_logs\2023-07-24T15_24_15_950Z-debug-0.log

[Dun-sin]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

[Dun-sin]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

Yeah, To add the save button is simple but it’s just the installation on my local device that’s giving me issues. Anytime I run npm install, it throws error

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

Yeah, To add the save button is simple but it’s just the installation on my local device that’s giving me issues. Anytime I run npm install, it throws error

Or do I need to install Python and node-sass first before I run npm install ?

[Dun-sin]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

Yeah, To add the save button is simple but it’s just the installation on my local device that’s giving me issues. Anytime I run npm install, it throws error

Can you do a git pull and try again. Alternatively go to the readme, look for a gitpod button for frontend and click on it. Should be better

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

Yeah, To add the save button is simple but it’s just the installation on my local device that’s giving me issues. Anytime I run npm install, it throws error

Can you do a git pull and try again. Alternatively go to the readme, look for a gitpod button for frontend and click on it. Should be better

Okay I’ll try these two this morning ⬆️

[flexzy2011]

Go to the client folder and do an npm install there

I said to do this👆 navigate the terminal using cd client

I've done it... it's not installing too

OR should i just install docker and do it with docker, if that would work?

Docker is for the backend so it doesn't matter, if you are still having issues I can just assign this is to someone else, this is something very easy like, it doesn't even have anything to do with the code itself.

Yeah, To add the save button is simple but it’s just the installation on my local device that’s giving me issues. Anytime I run npm install, it throws error

Can you do a git pull and try again. Alternatively go to the readme, look for a gitpod button for frontend and click on it. Should be better

Okay I’ll try these two this morning ⬆️

It's not working you can assign it to someone else. Maybe when i fix the installation issue, I can contribute later to the project

[Dun-sin]

@Aryashakya @KrownWealth @Manuelcoder02 are you still interested in working on this, it's now open

[Manuelcoder02]

@Dun-sin , I just realised it would be done with tailwind but I don't have any idea on how to use it. If I can use normal CSS to style it, no problem. Thanks

[Dun-sin]

@Dun-sin , I just realised it would be done with tailwind but I don't have any idea on how to use it. If I can use normal CSS to style it, no problem. Thanks

This is a Tailwind only project🤞🏽