[Enchancement] Recreate Contact Page in React

[atharvmalve]

Description:

As part of our ongoing efforts to enhance user experience, we aim to remake the existing contact page using React.js. This task is a subtask of Issue #23 and welcomes contributions from anyone interested in improving our website.

Proposed Solution:

Recreate the contact page in React.js to improve functionality and user interaction. Add a contact form for inquiries and a map displaying our office location. All contributions must be made in a separate branch (branch name to be provided soon).

Tasks:

1. Analyze the current contact page layout and identify key elements.
2. Design a React component-based structure to mirror the existing layout.
3. Implement a contact form to facilitate inquiries.
4. Integrate a map displaying our office location.
5. Ensure web responsiveness and cross-browser compatibility.
6. Test functionality and optimize codebase.

Expected Benefits:

• Enhanced user experience with improved contact page functionality.
• Streamlined development process with React's component-based approach.
• Improved communication with users through a contact form.
• Enhanced visibility of our office location with an integrated map.

Additional Notes:

This task aims to improve user experience by remaking the contact page in React and adding essential features like a contact form and office location map. Contributions from the community are encouraged. Please contribute changes to the designated branch (branch name to be provided soon). Let's collaborate to create a more user-friendly contact page.

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[vasundhara943]

As a contributor for GSSOC'24 with ample experience in ReactJS development, I would like to work on this issue. Please assign the same to me as you see fit.

[AishMishra001]

Hi there @XceeDesigns ... I loved your project and idea on providing service based on web , ui / ux , deployment , etc . I am absolute excited to work on this project as I have a key experience on working with React and tailwind CSS .

That's why I would like to contribute and make your entire website with React as it provide a very amazing feature called "single page application" that allows to do client right routing .

Task I will do :

1. Adding react dependencies .
2. Making service.jsx react component .
3. improving UI with tailwind css .
4. adding responsiveness with tailwind css .
5. testing

Looking Forward to working with you and contribute .....

Record :

• I agree to follow this project's Code of Conduct
• I'm a GSSoC'24 contributor
• I want to work on this issue

[AishMishra001]

Also @XceeDesigns .........I would love to intregrate Vite to this project and it makes the whole file system and handling very effective .

[XceeDesigns]

@AishMishra001 You just need to convert contact page in react and for that get in touch with @atharvmalve .
make sure react code should be pushed on XceeDesgins-Frontend branch only.

If you are ready to work under certain rules i can assigns this issue to you

[AishMishra001]

@XceeDesigns Yeah , I totally get you and I am totally fine working under rules .....
As I have seen @atharvmalve is working on the landing page right ?
@atharvmalve let me know the constraints ...

[atharvmalve]

@AishMishra001 Our main aim is to develop a frontend using react js, and as we are contributing to same branch, its better if we coordinate and develop the app together!

[AishMishra001]

@atharvmalve totally agree with your point ...we have to coordinate on this and I looking forward on working with you .

Can you please share your discord so that we can be in touch

[atharvmalve]

@AishMishra001 sure! (my id: learningmonkk)

[AishMishra001]

@atharvmalve sended friend request

[XceeDesigns]

Any update ? @AishMishra001 @atharvmalve

[AishMishra001]

@XceeDesigns Yeah .. currently working on reusable Navbar component . It is a bit challenging as this project has used bootstrap and I am use to tailwind rather bootstrap.

By today , I will complete the Navbar component and will make the PR for that ..then the seperate work on different pages will begin .. currently responsiveness is done and styling remaining .

Reason for delay : Was out of station for 2 days .

[XceeDesigns]

@AishMishra001 take your time.

[NaunihalSingh40]

Hi @XceeDesigns Naunihal Singh this side from Gssoc, this will be a great task to do.
I request you to assign this task to me.

I will be glad to have this opportunity!

[XceeDesigns]

@AishMishra001 Any updates ?

[AishMishra001]

Hi @XceeDesigns ..my college exams was going on from 20-25th May ...it just got finished today ..will try to complete the assigned work as soon as possible .

sorry for the delay

[XceeDesigns]

@AishMishra001 Any update?

[AishMishra001]

@XceeDesigns yeah ...started working on it ...will be done within next 2-3 days hopefully.

[TheNikhilRaj]

I would like to work on this issue , please assign this to me.
@XceeDesigns