monalikapatnaik / umatter

View the website here

UMatter

Check the Website here.

TABLE OF CONTENTS

• About our project
• Tech Stack Used
• Website Overview
• Key Features ✨
• Components of Website
• 🔖Steps to Contribute ✅
• 🔑Guidelines✨
• Thanks to all the Contributors ❤️

About our project

Welcome to UMatter, an inclusive platform designed to help individuals quit bad habits by providing personalized sessions and one-on-one consultations with professionals.

UMatter is a one and all platform to help people quit bad habits by providing them with personalized sessions and one-to-one consultations with professionals.

Tech Stack Used

Website Overview

UMatter is committed to supporting individuals on their journey to overcome bad habits. Our website offers a range of services and resources to help users make positive changes in their lives. With a user-friendly interface and a team of dedicated professionals, UMatter is here to guide and empower you every step of the way.

Key Features ✨

• Landing Page: When you visit our website, you'll be greeted by an engaging landing page that captures the essence of UMatter. Get inspired to take the first step towards a healthier and happier life.

• About Us: Learn more about UMatter and our mission. Discover how our platform can provide you with the necessary tools and support to break free from bad habits.

• Services Page: This page provides you with the list of services that are provided by UMatter such as consulting a doctor, attending a working, and connecting with friends.

• Blogs Page: Provides you with useful blog posts on different matters and areas of concern in your life.

Components of Website

---

Landing Page

The landing page is the initial point of entry for users when they click on our site. It serves as the first glimpse of what we have to offer and provides a seamless transition from the user's click to their arrival on the page.

About Us

Discover a comprehensive solution for quitting smoking and drinking at UMatter. Our platform provides personalized consultations and medications, bringing you closer to a healthier life. With dedicated experts, we offer tailored support, empowering you to overcome challenges and achieve your health goals. Join us on this transformative journey today.

Services Page

Welcome to our Services page! Here, you will find a comprehensive list of the wide range of services available on our website. From tailored consultations to specialized treatments, we offer an array of options to cater to your specific needs. Explore our services to discover how we can assist you in achieving your goals and enhancing your experience on our platform.

Blogs Page

Welcome to our Blog section! Here, you'll find a collection of informative and engaging articles covering a variety of useful topics. Our blog pages are packed with valuable insights, tips, and resources to help you stay informed and inspired. Explore our diverse range of blog posts to expand your knowledge and find practical solutions to enhance your lifestyle.

🔖Steps to Contribute ✅

• Contribution is the best way to support and get involved in the community!
• Contributions to UMatter Please check our CONTRIBUTING.md
  

Get started on the local machine

Step 1:

Fork the repository.

Step 2:

Clone the forked repository on your local machine.

git clone https://github.com/<your_github_username>/UMatter.git

Step 3:

Open command prompt/Terminal.

Step 4:

In the terminal run:

cd UMatter

cd Express_Js_Server

node index.js

Step 5:

Shoot up a new terminal and run:

cd UMatter

npm start

This will open up the website on localhost. You can begin working. The changes will be reflected here.

If you have any ideas or questions 🤷

• Raise an issue
• Feature request
• Code submission

✨🔨Note:

• Do not edit/delete someone else's script in this repository. You can only insert new files/folders into this repository.

• Give a meaningful name to whatever file or folder you are adding, changing, etc.

🔑Guidelines✨

1. Welcome to this repository, if you are here as an open-source program participant/contributor.
2. Participants/contributors have to comment on issues they would like to work on, and mentors or the PA will assign you.
3. Issues will be assigned on a first-come, first-serve basis.
4. Participants/contributors can also open their issues using issue_template, but it needs to be verified and labeled by a mentor or PA. Please discuss this with the team once before opening your issues. We respect all your contributions, whether it is an Issue or a Pull Request.
5. When you raise an issue, make sure you get it assigned to you before you start working on that project.
6. Each participant/contributor will be assigned 1 issue (max) at a time to work.
7. Participants are expected to follow project guidelines and coding style . Structured code is one of our top priorities.
8. Try to explain your approach to solving any issue in the comments. This will increase the chances of you being assigned.
9. Don't create issues that are already listed.
10. Please don't pick up an issue already assigned to someone else. Work on the issues after it gets assigned to you.
11. Make sure you discuss issues before working on the issue.
12. Pull requests will be merged after being reviewed by a mentor or PA.
13. It might take a day or two to review your pull request. Please have patience and be nice.
14. Always create a pull request from a branch other than main.
15. Participants/contributors have to complete issues before they decided Deadline. If you fail to make a PR within the deadline, then the issue will be assigned to another person in the queue.
16. While making PRs, don't forget to add a description of your work.
17. Include the issue number (Fixes: issue number) in your commit message while creating a pull request.
18. Make sure your solution to any issue is better in terms of performance and other parameters in comparison to the previous work.
19. We all are here to learn. You are allowed to make mistakes. That's how you learn, right?

License 🪪

MIT license

Thanks to all the Contributors ❤️

umatter's Issues

What is the plan after clicking get started and clicking services?

I see the website as completely dead as of now
@MonalikaPatnaik what are the plans?

redesigning of main logo in header and its alignment

signup page not created

I think the signup page is not yet created as the signup is not visible after clicking the signup button in the navbar. I can create the signup page and the route for it. Please assign it to me if not assigned yet under GSSOC'23.

Editing the Home section

I have an exciting idea to enhance the home section! Let's introduce a fantastic 'Book a Table' or 'Menu' section right under it. This addition will significantly elevate the user experience and drive customer engagement. With your permission, I am eager to start implementing this captivating feature, sir.

add License

I want to add license to the repository.Please assign this issue to me under GSSOC

Connect with friends

hey, @Mansi168 I want to contribute under GSSOC 23 and Complete the Connect with friends please Assign this to me.

"Check the Website link" in Readme is not working

I want to fix the readme file under GSSoC'23 please assign it to me

Updating the sign in page

1. The sign in page input field should have bigger text .
2. There should be an option to show password and hide password.
3. After filling all the necessary details the user should be redirected to the home page .
4. The UMatter Icon is redirecting to a page / ,it should be /UMatter. (This is not a feature it's a BUG)

If all the above feature are implement worthy , assign it to me and I will add all the above feature :)

EXPECTED BEHAVIOUR :

Untitled.mp4

Add Correct Link to Footer Logo [GSSOC'23]

Incorrect Link in Footer Logo

• The Footer logo incorrectly redirect to 'https://monalikapatnaik.github.io/' which has a blank page.
• I would like to correct and style the bottom logo at the same time.
• Further details are given as pics below.

@MonalikaPatnaik , please do assign this issue to me so I can solve it.
Thank you in advance !!

Corect Link

Incorrect Link

Footer Logo

Our services section in mobile view is not visible properly.

As the services section is not looking properly I will add some features to improve UI .

Google OpenId connect for direct google login

To enable direct Google login using OpenID Connect, you can follow these steps:

Set up a new project on the Google Developers Console:

Go to the Google Developers Console.
Create a new project or select an existing project.
Enable the Google Identity API:

In the project dashboard, click on "Enable APIs and Services."
Search for "Google Identity" and select the "Google Identity" API.
Click on the "Enable" button to enable the API for your project.
Configure the OAuth consent screen:

In the project dashboard, go to the "OAuth consent screen" tab.
Choose an "Application type" (e.g., Internal or External) and enter the necessary details.
Add the required scopes (email and profile) for accessing user information.
Save the changes.
Create OAuth 2.0 credentials:

In the project dashboard, go to the "Credentials" tab.
Click on the "Create Credentials" button and select "OAuth client ID."
Select "Web application" as the application type.
Enter a name for the OAuth client ID.
Add the authorized JavaScript origins (e.g., http://localhost:8000/) and redirect URIs (e.g., http://localhost:8000/auth/google/callback).
Save the credentials.
Obtain the client ID and client secret:

After creating the credentials, you will receive a client ID and client secret. Take note of these values as you will need them for the implementation.
Implement the authentication in your application:

Use a server-side framework or library (such as Node.js with Passport.js or Django with python-social-auth) to handle the authentication flow.
Install the necessary dependencies and configure the framework/library to use the Google OpenID Connect strategy.
Provide a login button in your application that redirects users to the Google authorization URL, passing your client ID and requested scopes as parameters.
Once the user grants permission, Google will redirect the user back to your specified redirect URI along with an authorization code.
Exchange the authorization code for an access token and ID token by making a server-to-server request to the Google token endpoint using your client ID, client secret, redirect URI, and the authorization code.
Verify the ID token to ensure its authenticity and extract user information such as email and profile details.
Use the obtained user information to create or authenticate the user within your application.
Please note that the implementation details may vary depending on the programming language and framework you are using. Make sure to consult the relevant documentation for the specific framework or library you choose.

Remember to handle errors, implement appropriate security measures, and follow best practices to protect user data and ensure a secure authentication flow.

I hope this helps you get started with implementing direct Google login using OpenID Connect! Let me know if you have any further questions.

Add sign up page

I can work on the frontend part of the sign up page .please assign me @MonalikaPatnaik .

Needs a lot of styling ,for example in links and also concerned about padding and working of buttons

styling in links is an issue as well as padding problem in "lets come together" section of the website

also there is lack of responsiveness in mobile view

sign up button is also not working

Fixing The About Section Its Not Reponsive

Fixing The About Section Its Not Reponsive Image Added Below.

I want to work on this issue under GSSOC 2023

Website link not working

The website link that you have given is not working, please look into it.

Correcting Readme

the click here link is having https two times

https://https//monalikapatnaik.github.io/UMatter/

Fixing Non-functional and Unappealing Navbar

Hey,

I've noticed that website's navbar is not functional on smaller screens and lacks visual appeal on desktop. I'm eager to resolve these issues and enhance the user experience.

For smaller screens, I'll ensure the navbar is responsive and functions properly for optimal user interaction.

In the desktop format, I'll improve the navbar's visual appeal by incorporating engaging design elements that align with our website's layout.

Please assign this task to me if you agree it will benefit project under GSSoC'23 . Excited to contribute!

Thanks

Responsive layout design

I would like to work on this issue. Please assign it to me.
(OUR SERVICES is not visible

footer section is not responsive

The footer is neither responsive for mobile nor for tablet.
I can fix this issue and make this responsive, please assign it to me under GSSoC'23 label.

Working on responsiveness of page

Hey I noticed that some part of page is not responsive so I want to work on this issue and want to fix this issue so assign me under GSSoC-23 Thanks.

Super-Topic needs to be bold and different.

About us , Contact Us , Videos and social media are not able to distinguish between Super-Topic and Sub-Topic . This Needs To be Bold and Different .

As a Contributor in GSSoC"23 , I want to Work on This Issue . Would You Assign me this issue ?

Fixing alignment

It is not aligned properly we must fix it

ABOUT US is cut from up

Please assign me under GSSOC23

Adding Navbar to Signin Page

I would like to fix the following issues

Whenever the link is clicked from the sign-In page , only a white screen is shown and the site is not directed to the home page even on refreshing the page.
Also redirecting the {Get started} button to the sign-In page.
Also adding Nav bar to the Sign in page with proper alignment.

Card Alligment Correction

Updating the About Page and Signup Page

The Get Started button in the About Page isn't working.
The Signup option when clicked isn't working.
When the Get Started button is clicked this could be redirected to the signup page.

This will help the user to find a starting point on the website by signing up and will eventually get to know about the next steps.

Fix embedded link on "UMatter" icon on Navbar

I would like to fix a bug where the embedded link in the "UMatter" icon on Navbar throws a 404 not found. Could you please assign me this issue as a GSSOC'23 contributor?

Improving the UI of signin page

I would like to improve the herosection, infosection and signin page of the project. And also adding some features in footer element of the project.

Changes Required in Footer Section

Your Footer Section doesn't show difference between Heading and links (both have same Text Size ) and also your social media handles are not connected to social links if you want to link it , I can link them other I will remove Hyperlink

I can Improve footer like the image below

Signup page

I want to add a signup page and in login page

1. Google login function
2. password section a show password function

Login and signup page

I want to implement a login and signup page in this project.

Improving Links of social handles

All the social media links are broken . If there is no link then we must remove the hyperlink from it.

Please assign it to me under GSSOC23

The UI Not Responsive

Most of the section Text Gets Hidden When Screen size is changed

Attend Workshop page

hey, Monalika I want to contribute under GSSOC 23 and Complete the Workshop page please Assign this to me.

Add more content to the website

There is no more content on the website to see the user flows

Update website url in the README.md

changed Check the Website here. the proper url Check the Website here.
Now the url link seems to be working.
Can I create a PR for this issue.

Adding google auth functionality

Sigin functionality is not working
this error can fix by adding google auth functionality and email authorization

assign this issue to me(Gssoc' 23 contributor)

Making Proper Email Password Validator

Remove underline form Get Started Button

The underline on Get Started button is not looking good. If you agree with me then please assign this issue to me so that I can fix it 😇

Enhancing the Mobile Menu

When the screen ratio is changed there is a navbar icon without functionality and the last dib also display settings are not auto-corrected when changed, I want to assign the footer elements into the nav bar with the auto-closing feature when the screen slides up or down. Can you assign me this issue to work on??

Navbar not operational in mobile view

Fixing navbar to be responsive

Fixing the contents of Sign in page

The contents of sign in page are not properly alligned. I will fix it. Please assign it to me under GSSoC'23.

Sign Up Page Issue

Not Sign up Page Forgot Password Not Working
And Sign Up Link On Nav is Not Working

Improve the readme.md

I would like to work on improving the readme file of this project. I want to add some features and make it more engaging for the user.

Scroll to top on pressing "Home" button on navbar

I would like to add a feature to scroll to top when the "Home" button on navbar is clicked. Could you please assign me this issue under GSSOC'23?

improve the footer

Improve Footer Headings and Padding

@MonalikaPatnaik, As I am a gssoc'2023 contributor please assign this issue to me

Above the Screenshot, you can see that the( About Us, Contact Us, Videos and Social Media) fonts are the same as the other texts which is bad UX as it also looks like a redirecting link and the bottom padding is not good.

Navbar items alignment issue and also not responsive.

i want to fix the navbar alignment problem and make that responsive.

NAVBAR NOT RESPONSIVE IN MOBILE VIEW

PLEASE ASSIGN ME SO THAT I CAN START WORKING ON THIS ISSUE

Proper DataBase Integration

No proper database is there

Can make an interface for consult with a doctor

As it is just the main interface ready i can add interface for the consulting a doctor