GssoC'24 Project | Open To Contributers
Home Page: https://foodies-web-app.vercel.app
License: MIT License
🔭 I’m currently working on To-do List
🌱 I’m currently learning React.js
👯 I’m looking to collaborate on Open Source Project's
👨💻 All of my projects are available at https://github.com/VanshKing30
💬 Ask me about HTML , CSS , JS
📫 How to reach me [email protected]
whenever script is started it shows accounttype not defined error
I believe there is room for improvement to make it more interactive and engaging for visitors
Here are some areas I'd like to focus on:
*Visual Enhancements
*Interactive Elements
I'm open to any suggestions or ideas for improving the "About Us" page and making it a more valuable resource for the website visitors.
Assign me these issues to follow up under GSSOC 2024.
Hi @VanshKing30 , It would be good if a footer is added to the website. I want to contribute to the project so please assign me this task.
With the user authentication, it is crucial to also introduce sessions in our website
What I could provide is-
Please assign me this issue so that I can work on it.
Currently during signup page, one can authenticate if he have entered easy password
I want to implement where certail checks are done
I would love to work in this issue as the risk of hacking the user account would be reduced.
on the navbar we can assign icons to the different sections such as Home, News , about Us which would make it look better.
Polling feature to vote on college favourite recipe's
The future scope mentioned adding poll functionality, would be lovely to contribute to this issue for GSSOC`24 @VanshKing30
We can remove the selection of account type from the login page. Instead, users will now only be prompted to enter their credentials for authentication.
Changes Made:
Reasoning:
By removing the account type selection from the login page, we streamline the login process and reduce complexity for users. They can now focus solely on logging in with their credentials without unnecessary choices.
Just remove the login as select element from the login page
Problem creation:
There is no stoppage (as login needed) from entering the platform .
I want to work on this
I can Improve the Home page like by adding location or map features so that user can search nearby restaurant, improve the button with good animation, adding well structure footer and add query section.
@VanshKing30 Kindly assign it to me under GSSOC'24.
Also There is no login button to render login page if the user is on sign up page
Improving the ui design of 'About Us' page.
Suggested changes:
Color pallette:
Issue Type: Improvement Proposal
Description:
Currently, upon login, users are presented with the option to choose between "Canteen" and "User" roles. Which is unnecessary to ask everytime they login as its decided at signup
Expected Behavior:
We should retain the user type decided during signup and automatically log the user in based on their role (Canteen or User) without asking them to choose again every time they login.
Actual Behavior:
Users are given the choice to login as user and canteen everytime they try to login
Possible Solutions:
Implement logic to store the user type chosen during signup and automatically use it during login.
Assign this issue to me. I can work on it
It should be Create not craete.
I'm GSSOC'24 Contributor. Can you please assign this to me?
Please work on this issue , try adding a a contribution guide on it which will make the new contibuters easy to contibute.
Making the navbar responsive.
Small screens:
I identified a potential security vulnerability in the feedback system. Currently, anyone can access the feedback form by simply typing "/home" after the base URL. This bypasses the login requirement and could allow anyone to submit false or misleading feedback. This would create problems for canteen owners who rely on genuine feedback to improve their services.
I'm participating in GSSOC'24 and I'm interested in addressing this security issue. I believe I can develop a solution that requires users to log in before submitting feedback, ensuring only authorized users can provide input @VanshKing30 .
Proposal: Implement Email Verification System
Implement an email verification system for user registration and login processes to enhance security and user experience.
Email Verification Upon Registration:
Login Restriction:
Notification for Unverified Accounts:
Resend Verification Email:
Enhanced Security:
Improved User Experience:
By implementing this feature, we aim to significantly enhance the security of the platform while improving the overall user experience.
As the contributor count rises on the repo, it becomes increasingly challenging for maintainers to personally greet and encourage each contributor for their valuable input. Equally important is the reminder for them to review the project's contribution guidelines.
Using Hot-Toast React, I can show a popup for error, success, or an invalid email , Here are some of my works ,
please assign this issue to me under GSSOC24
Adding Multer And Cloudinary Integration In Backend For Storing Images In Database.Also Wants To Update The Schema And Handling Response.
Updation In Frontend For Handling Files And Showcasing In Frontend
By This We Can Generate Dynamic Images From Backend And The Canteen Owner Get More Attraction Towards His Canteen.
Current HomePage : this repository is missing code_of_conduct.md file.
Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md
generally I will be providing a rating system where user can rate the dishes Can you please assgin me this issue under GSSOC'24
Could someone please enhance the hover effect on the icons in the navbar? Looking to make it more polished and engaging. Thanks in advance!
Nil
Description:
The current README of the FoodiesWeb project lacks clear instructions for contributors, particularly regarding setting up and running the server. Currently, users need to navigate to the server directory, run npm i, and then run nodemon server.js. This process can be confusing, especially for new contributors. We need to update the README to provide clear, step-by-step instructions for setting up and running the server, possibly utilizing split terminals for better clarity.
Proposed Changes:
Revise the contributor guidelines section in the README to include clear instructions for setting up and running the server.
Provide step-by-step instructions, including navigating to the server directory, installing dependencies with npm i, and running the server with nodemon server.js.
Consider suggesting the use of split terminals for better organization and clarity during the setup process.
Expected Benefits:
-Improved onboarding experience for new contributors.
-Reduced confusion and errors during the setup and running of the server.
-Increased efficiency in development workflows.
Update readme
Describe the Feature you want to end
Currently, the issue template for this repo seems to be basic also it is less visually appealing.👇
Changes I will make
Expected behavior
Screenshots (optional)
Additional context (optional )
Will add issue forms to the respective issues to make it easier for the contributor to raise it.
Here is an example of how a Bug Issue Form will look like 👇
Display recipes of various and search functionality for particular dish.
I am gssoc'24 contributor please assign me this task @VanshKing30
Hi @VanshKing30,
I've identified an opportunity to enhance the website by adding a search feature to the home page and implementing a hamburger menu for improved navigation on mobile screens.
Expected behavior:
The website layout should adapt responsively to different screen sizes, ensuring that all elements, including the newly implemented search feature on the home page and the hamburger menu for mobile navigation, are easily accessible and displayed correctly on mobile devices.
Looking forward to contributing to the project under Gssoc'24!
The current website only has three components for breakfast , lunch , dinner, and list is not dynamically updated. I want to add a card for each item with phot of the item , price of the item, add to cart option and small navbar for changing between breakfast lunch dinner menu. I can work on this issue both frontend and backend. Please assign me this issue.
The Header padding and margin needs to be fixed. I'm GSSOC'24 contributor, Can you please assign this issue to me?
I noticed that there is no feedback given but still when we click submit it succsesfully shown feedback submitted
Description:
Upon running the populateDB script, user credentials are generated, but login attempts fail due to password hashing discrepancies. The issue stems from passwords not being hashed during database population, while the authentication process assumes hashed passwords. Consequently, the comparison in auth.js fails on this line of code: await bcrypt.compare(password, user.password). as both the passwords are in string format only.
Resolution:
To rectify this, I propose implementing a password hashing function within the populateDB script. This ensures that credentials are stored with hashed passwords, aligning with the authentication process and enabling successful logins.
Request:
@VanshKing30 Kindly assign this issue to me under [gssoc'24].
Thank you,
Ninad
When we click on the logout button, a different white shadow appears in the background of the button
please assign this issue to me? I'd like to work on resolving it.
As a user of the website, I've noticed a recurring problem: multiple restaurants sharing the same name (eg:ABC). This often leads to confusion when trying to find specific information or reviews for a particular restaurant. Restaurant names should be as unique as possible.
There's currently no confirmation password requirement on the website for SignUp. This oversight could lead to inadvertent or unauthorized changes, posing a risk to the security and integrity of user accounts. To fortify website security and prevent unintended alterations, it's imperative to introduce a confirmation password feature.
I was trying to populate the DB with dummy data by running the following command
node populateDB "mongodb+srv://<username>:<password>@<cluster>.mongodb.net/<dbname>"
but getting the following error -
MongooseError: The uri parameter to openUri() must be a string, got "undefined". Make sure the first parameter to mongoose.connect() or mongoose.createConnection() is a string.
After doing some digging I found that changing this line of code
const databaseURL =process.env.DATABASE_URI;
to
const databaseURL = userArgs[0];
and then running the command works perfectly fine.
@VanshKing30 Kindly assign me this issue under GSSOC'24 , this will be my first PR
we can add contact us option to make it more efficient.please assign it to me
Key advantages of using GitHub Actions for CI/CD pipelines: GitHub Actions is made by and for developers, so you don’t need dedicated resources to set up and maintain your pipeline. There’s no need to manually configure and set up CI/CD. You don’t have to set up webhooks, you don’t have to buy hardware, reserve some instances out there, keep them up to date, do security patches, or spool down idle machines. You just drop one file in your repo, and it works.
I can create a structured utilities which help to send response to api call. Sending response as object is a good practice and it is a part of MVC pattern. I can create separate file for "Success" and "Error" response. Please assign this issue to me
Hey @VanshKing30, I have seen the codebase carefully and found that the following authentication functionalities are yet not completed :
As a participant in GSSC'24, I want to contribute to this project to complete the above functionalities. Can you assign this issue to me?
Also, add an appropriate label for the same.
Nill
fixing navbar for bettwe accesiblity in navigating through pages and using framer motion scroll feature to make UI attractive by having progressive scroll bar for a better view
In canteen food management system, I have identified a critical security concern where anyone, including students, can delete or add food items. To address this, we need to implement middleware that ensures only authorized personnel can make changes to the food inventory.
Kindly assign it to me under GSSOC'24.
Description:
I propose enhancing the login functionality of the FoodiesWeb project by implementing Passport.js for authentication and integrating OAuth2 Google sign-in. This will improve security, usability, and convenience for users.
Proposed Changes:
Integrate Passport.js for authentication.
Implement OAuth2 Google sign-in.
Update the login page UI to accommodate the new authentication methods.
Provide documentation for developers on how to set up and configure the new authentication system.
Expected Benefits:
Enhanced security through standardized authentication mechanisms provided by Passport.js.
Improved user experience with the option for OAuth2 Google sign-in, reducing friction for new users.
Potential for increased user engagement and retention.
References:
Passport.js Documentation
OAuth2 Google Sign-In Documentation
Additional Information:
I have previously implemented similar authentication features on my personal website ((https://secrets-phi.vercel.app/)), showcasing my experience with Passport.js and OAuth2 Google sign-in. I'm excited to contribute these skills to FoodiesWeb and enhance its authentication system.I assure you that while enhancing the login page, I'll ensure the backend logic remains consistent and functional. I'm excited to contribute these skills to FoodiesWeb and enhance its authentication system.
The application currently lacks the "Forgot Password" feature, which is crucial for user account recovery. This issue is to implement the necessary pages and functionality required for the "Forgot Password" feature.
Create Forgot Password Page: Develop a new page or modal for the "Forgot Password" functionality.
Backend Logic for Password Reset: Develop backend logic to handle password reset requests and send reset instructions to the user's email.
There is no forget password link on the sign in page
Objective:
Implement an email verification system for user registration and login processes to enhance security and user experience.
Key Features:
Custom hotel image upload functionality for canteen
After Sign-in as a canteen there should be a functionality so that an owner can upload his/her hotel image.
How to do it :
You can use multer and cloudinary or any other cloud platform for implementing this feature .
So for this good website if animations are added then there will be an improvement in the UI of the website and also helps the user feel good
all of them will be coming by sliding and the ui will be enhanced
Describe the feature
I can improve the ui. I personally feel that using this dropdown for selection of user and canteen is a little bit old style. I can enhance this UI, and make button at the top, and by toggling it one can navigate it in user login screen or canteen login screen. Please allow me to work on it. .
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
