pulkithanda / voyager-hf

Voyager website: A space website that can be used as a template in the future for space-related topics.
https://voyager-website.herokuapp.com/
41 stars 44 forks source link

Adding a contact us form #48

Closed pulkithanda closed 2 years ago

pulkithanda commented 2 years ago

Adding a contact us form

Adding a contact us form which should be visible with / without login in the navbar

The contact form should match with the theme and be responsive

You may use the following links for your reference:

https://www.youtube.com/watch?v=l_Z3N3etkS0

For further Issues contact below or use my discord to contact me Alphabet# 0352

Harsh-Singh-Rajput commented 2 years ago

hello @pulkithanda can i start making contact form ?

pulkithanda commented 2 years ago

Hey there @Harsh-Singh-Rajput Sure go ahead mate! Do keep in mind it should be visible both before and after logging in. Make a navbar place for contact too after the procedure where you can add it

Harsh-Singh-Rajput commented 2 years ago

@pulkithanda you mean navbar in contact form ?

pulkithanda commented 2 years ago

Adding a contact element in the navbar like there's one for login register along with the form

Harsh-Singh-Rajput commented 2 years ago

@pulkithanda ok got it thanks for assigning it to me

pulkithanda commented 2 years ago

Happy Hacktoberfest ^_^

Harsh-Singh-Rajput commented 2 years ago

hello @pulkithanda how should i run and check the page locally because the page is not applying css

pulkithanda commented 2 years ago

Its a flask website. First of all you should be familiar with how to run a flask website. Use the run.py file and copy the local host generated and paste it on the web. Insert the components correctly so as to not mess up with the backend. For any other problems, you can contact me on discord. You can view how I have made the login form and functionality for reference.

Harsh-Singh-Rajput commented 2 years ago

ok

Harsh-Singh-Rajput commented 2 years ago

image @pulkithanda i made the contact page by reusing main.css theme so that it matches with site , pls see this whether it is ready for pr or should I have to make changes. And also I didn't know python backend that's why I was unable to link it with database sorry for that

akgupta0777 commented 2 years ago

I came here to take this issue but it's already assigned. @Harsh-Singh-Rajput By the way nice work.

Harsh-Singh-Rajput commented 2 years ago

I came here to take this issue but it's already assigned. @Harsh-Singh-Rajput By the way nice work.

Thanks for appreciation, yes this is assigned to me😃

pulkithanda commented 2 years ago

@Harsh-Singh-Rajput I wanted you to make it different from the other forms like using some svgs etc. Anyways leave some spaces and match the spacings if you're making them like others. Also as for the database, I have used flask so maybe try to link it then it's nice. I'll merge after that. You can dm on discord if any problems. Also @akgupta0777 you can contribute too I can mark your PR as hacktoberfest-accepted and then it will count so up to you. An issue can have multiple assignees.

akgupta0777 commented 2 years ago

@pulkithanda what do you want to do in the backend once the send button is clicked on the contact page.

pulkithanda commented 2 years ago

The contact responses are stored in a local database or sent to a google doc whichever? like the admin panel responses. Also checks on the fields of contact forms like login and register forms.