[Enchancement] Recreate Contact Page in React

atharvmalve commented 4 months ago

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:

Analyze the current contact page layout and identify key elements.
Design a React component-based structure to mirror the existing layout.
Implement a contact form to facilitate inquiries.
Integrate a map displaying our office location.
Ensure web responsiveness and cross-browser compatibility.
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

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

vasundhara943 commented 4 months ago

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 commented 4 months ago

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 :

Adding react dependencies .
Making service.jsx react component .
improving UI with tailwind css .
adding responsiveness with tailwind css .
testing

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

Record :

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

AishMishra001 commented 4 months ago

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

XceeDesigns commented 4 months ago

@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 commented 4 months ago

@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 commented 4 months ago

@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 commented 4 months ago

@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 commented 4 months ago

@AishMishra001 sure! (my id: learningmonkk)

AishMishra001 commented 4 months ago

@atharvmalve sended friend request

XceeDesigns commented 4 months ago

Any update ? @AishMishra001 @atharvmalve

AishMishra001 commented 4 months ago

@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 commented 4 months ago

@AishMishra001 take your time.

NaunihalSingh40 commented 4 months ago

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 commented 4 months ago

@AishMishra001 Any updates ?

AishMishra001 commented 4 months ago

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 commented 4 months ago

@AishMishra001 Any update?

AishMishra001 commented 4 months ago

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

TheNikhilRaj commented 3 months ago

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

XceeDesigns / Website