Git Product home page Git Product logo

anupk1234 / mealmatters Goto Github PK

View Code? Open in Web Editor NEW
22.0 22.0 47.0 3.49 MB

MealMatters is a webapp designed to overcome student food insecurity by connecting students with nearby restaurants that provide free meals.

Home Page: https://meal-matters-client.vercel.app/

License: MIT License

JavaScript 95.80% HTML 0.55% CSS 3.51% Shell 0.14%
auth0 expressjs monogodb nodejs reactjs swoc-s4 tailwindcss

mealmatters's Introduction

  • πŸ‘‹ Hi, I’m @Anup_Khismatrao
  • πŸ”­ I’m actively participating in hackathons
  • 🌱 Currently exploring MERN Stack development.
  • πŸ” I’m looking for career opportunities.
  • πŸ“« How to reach me: [email protected]

🌐 Connect with me:


πŸ’» Tech Stack:

Java C HTML5 CSS3 JavaScript MySQL GitHub React NodeJS Express.js MongoDB

βš™οΈ Github Analytics

mealmatters's People

Contributors

1-ankush-1 avatar aaadityag avatar anupk1234 avatar harmeetsingh11 avatar irfanshaikh-7 avatar isubhammani avatar jainil2004 avatar mani1soni avatar mathanraj0601 avatar mjs001 avatar mohankumarmarimuthu avatar mohitkambli avatar mohitparmar1 avatar monomonu avatar muhammad-owais-warsi avatar nandini80 avatar pinak22dhir avatar priynshuchouhn avatar vidip-ghosh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

mealmatters's Issues

Dashboard image issue

The image uploaded in the dashboard is not visible and this logo of no image is coming which is not looking good at all.

image

Improve Footer

Issue Template

Issue type

  • Other

Description

Footer is not at all matching full webapp, so making it more appealling according to UI.

Screenshots or videos

Capture

Additional information

Participating in swoc24

.env example file missing

Issue type

  • Other

Description

.env example file is missing in the server (backend) folder

Additional information

.env example file gives reference to env variable used in the project.

Fix Project structure

Expected behavior

all the routes and database connection should not be inside the server.js file.

Actual behavior

Routes and database connection should have separate folders .

  • Assign this to me

Feat: Create User dashboard

Issue Template

Issue type

  • Feature request

Description
Create a user dashboard showing users information after user login/signup

bug in contact-us form

The issue which i saw was that a user was able to send a blank from without the name of sender and subjects with only payload of the message given . Even after the message is sent The message is still present in the message box and it should also not be present .

So , if its okay for you I would like to work in this issue.

Style: Implement Website Animations with Framer Motion Library

Description:

This issue proposes the introduction of animations on our website using the Framer Motion library. Adding animations can enhance user experience, make interactions more engaging, and bring a dynamic feel to the website.

Screenshots

Meal-Matters

Proposed Solution:

  1. Integration of Framer Motion Library: Incorporate the Framer Motion library into the website project.

  2. Animation Implementation: Identify key areas of the website where animations can be added, such as page transitions, hover effects, or element animations.

  3. Design and Customization: Determine the specific animations to be used and customize them to align with the website's design and branding.

Expected Outcome:

Upon implementing this feature, users will experience smoother transitions and visually appealing animations throughout the website, improving overall user engagement and satisfaction.

Record

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

Run server and client simultaneously with concurrently - SWOC24

Issue type

  • Feature request

Description

Please describe the issue in as much detail as possible. Include any steps that you can reproduce the issue with, and what you expected to happen versus what actually happened.
I want to setup the project with concurrently so as to allow both the client and the server to run simultaneously with only a single command.

Expected behavior

What should happen?
when run npm start in the root directory, both the client and the server must start.

Actual behavior

What actually happens?
we have to maintain 2 terminal sessions one for client and another for server to run the project.

Additional information

Please assign me this under swoc 2024.

Food Details Page doesn't open even after routing to that particular food product.

I want to fix this bug. Even after signing up & navigating to inventory and clicking on individual food products the food item doesn't display the details. Please assign this to me @AnupK1234.

I see that the code says const product = await Product.findById(productsId) but nothing is stored in DB so for now I'll just render the food details from the data.js in client folder and then work on storing the products in DB and rendering them on the page.

Screenshot 2024-01-08 211738

Adding Home Routing in Logo

ISSUE TYPE
Feature Request

Description

The Logo when clicked is not redirecting to the home page. This Issue will add the mentioned Feature to the website.

Steps to reproduce

  1. go to About Us, Contact Us or Login page.
  2. Click on the Logo on the top.

Expected behavior

On clicking the logo, it should redirect to the Home Page.

Actual behavior

Nothing is happening on clicking the logo.

Screenshots or videos

How it is currently:
https://github.com/AnupK1234/MealMatters/assets/98605616/5c1bcb82-5cb7-4a30-b436-79e4ac7ac99a

How it Actually should be:
https://github.com/AnupK1234/MealMatters/assets/98605616/7ba806d2-080c-4ab8-8f90-ad2d8dd09f67

Please assign this Issue to me for SWOC24, so that I can work on this.

Login page and Footer CSS

Issue Template

Issue type

  • Bug

Description

The login page CSS is not working for all screen types and the is also needed to be fixed and modified. I can fixed the login page properly , also can make a responsive footer.

Screenshots or videos
image

image

Please assign me this issue

Why Login is showing after user login

Issue type

  • Bug

Description

After signup in website why user can see login again on right side ?

Steps to reproduce

1.It should be either user or logout buuton appear there.

Screenshots or videos

If possible, please provide screenshots or videos of the issue.

Header

SignUp pages UI needs to be improved

The homepage and the About, and Contact Us pages look bad the UI isn't catchy so I'm thinking of implementing some changes that make the UI look good using tailwind CSS which is being used in this project.
@AnupK1234 please assign it to me!!

[Feature Request]: Integrate Dependabot for Automated Dependency Updates

Is your feature request related to a problem? Please describe.

Description:

Keeping the project's dependencies up to date can be a challenging task, especially when done manually. To streamline and automate this process, we propose integrating Dependabot.

Proposed Solution:

We need to add Dependabot to our project as it will significantly aid in keeping our dependencies current. Once activated, Dependabot will automatically submit pull requests (PRs) whenever there are outdated dependencies identified in our package.json file.

This automated approach will enhance our project's stability, security, and overall maintenance by ensuring that we are always using the latest and most secure versions of our dependencies.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I am willing to work on this issue
  • I am an SWOC 2024 contributor

About Us section UI Improvement

Issue Template

Issue type

  • UI Improvement

Expected behavior

What should happen?
Create a visually appealing UI for About Us page.

Footer imporvement

Issue type

  • Feature request

Description

Footer must be aligned to bottom and the all links and other related information should be in footer

Steps to reproduce

1.Make all things together for better UI

Screenshots or videos

If possible, please provide screenshots or videos of the issue.
Footer

Dashboard picture bug

The image on the dashboard is not visible, which may be creating a negative impression.

image

[Feature]: Implement PR Title Checker workflow for Conventional Commit Prefixes

Is your feature request related to a problem? Please describe.

Description:

The project would benefit from a PR title checker that ensures conformity to conventional commit prefixes. Currently, the following prefixes are considered valid:

  • build:
  • chore:
  • docs:
  • feat:
  • fix:
  • perf:
  • refactor:
  • revert:
  • style:
  • test:

Problem:

Enforcing consistent and descriptive PR titles following conventional commit prefixes helps maintain clarity and organization in the project's version history.

Describe the solution you'd like

Implement a PR title checker that validates each PR title against the specified conventional commit prefixes. This will ensure that PR titles adhere to the established guidelines.

To-Do:

  • Develop the PR title checker script to verify titles against the defined prefixes.
  • Integrate the checker into the project's CI/CD pipeline.
  • Define error messages or warnings for non-compliant PR titles.

Are you interested in contributing?

  • I'd like to work on this issue

Code of Conduct

  • I have used the search function to check if an issue already exists
  • I agree to follow this project's Code of Conduct
  • I am SWOC 24 contributor

[Feature]: add github action workflow for greeting contributors

Description:
The current project lacks an automated action to greet contributors. GitHub Actions can significantly enhance project automation. I propose adding a GitHub Action workflow to greet new pull request (PR) and issue creators, fostering a welcoming environment.

Proposed Changes:
Implement a GitHub Action workflow that triggers on new PRs and issues. The workflow should include a greeting message to acknowledge and appreciate the contributors for their efforts.

Expected Behavior:
When contributors create new PRs or issues, the GitHub Action should automatically trigger and post a welcoming message, acknowledging their contributions.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I have read the discussion tab thoroughly and got the project idea
  • I am willing to work on this issue (optional)
  • I am a SWOC'24 contributor

STILL NAVBAAR IS NOT RESPONSIVE ON DIFFRENT DEVICE SIZE

Issue Template

Please fill out this template to help us troubleshoot your issue as quickly as possible.

TO MAKE NAVBAR RESPONSIVE

  • Bug
  • Feature request
  • Other

Description

I see that still the navbar is not responsive for different devices thus i would like to add a hamburger button which will apear when we decrease the size of device thus make it more appealing .

Steps to reproduce

1.Wil add external css
2 .use only css and fontawesme for solving this issue

Expected behavior

What should happen?
when we decrease the size hamburger icon will appear which when clicked others links will appear

Actual behavior
when we decrease the size the links goes out of dimentions.

Screenshots or videos

screensize
hamburger

Version information

What version of the software are you using?
VSCODE
React
CSS

Feat: add codeql workflow

Is your feature request related to a problem? Please describe.

The repository contains code in javascript, it does not have workflow for code scanning.

Describe the solution you'd like

I want to add the codeql workflow to automate security checks. CodeQL is the code analysis engine developed by GitHub to identify vulnerabilities in code. It will analyze your code and display the results as code scanning alerts. It will be enabled on every push, commit and pull request using GitHub actions.

Record

  • I agree to follow this project's Code of ConductΒ 
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

Syntex error in App.js

Issue Template

Please fill out this template to help us troubleshoot your issue as quickly as possible.

Issue type

  • Bug

Steps to reproduce

Set up this project and run. you will see the error.

What happens?

The site is not opening for syntax errors foodDetails.

**Screenshots **

Screenshot 2024-01-01 210249

Making homepage responsive

Issue Template

Issue type

  • Bug

Description

I will make the homepage (navbar included) responsive making it compatible for all media devices. hence, enhancing user expierence.

Screenshots or videos

err

[style]: implement animated Grocery Visuals on homepage

Description:

This issue addresses the static nature of some images, such as the lady carrying groceries and grocery items, on our website. To enhance visual appeal and user engagement, we propose replacing these static images with animated SVGs.

Screenshots

Meal-Matters

Proposed Solution:

  1. Identification of Static Images: Identify the specific images, such as the lady carrying groceries and static grocery items, that need to be replaced with animated SVGs.

  2. Creation or Sourcing of Animated SVGs: Create or source animated SVGs that depict dynamic movements, such as the lady walking or animated grocery items.

  3. Integration into Website: Replace the static images with the animated SVGs in the appropriate sections of the website.

Expected Outcome:

Upon implementing this feature, users will experience visually engaging animations depicting dynamic movements related to grocery shopping, enhancing the overall user experience and visual appeal of the website.

Record

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

Favicon and name of Website

Enhancement in the UI

Issue type

  • Feature request

Description

In you website there is no favicon , the favicon is of vite, also their is no website name written over their.

Steps to reproduce

1.Adding an image for favicon
2.Changing website name.

Expected behavior

What should happen?

Their should be a website favicon and website name.

What actually happens?

mealMatters

Create API Documentation for Meal Matters Project

Title: Create API Documentation for Meal Matters Project

Description:
We aim to improve developer experience by providing clear and comprehensive API documentation for the Meal Matters project. This documentation will help developers understand how to interact with the endpoints effectively.

Tasks:

Identify all API endpoints used in the Meal Matters project.
Document each endpoint with details on request and response structures.
Include information on authentication, error handling, and any other relevant details.
Use Markdown to format the documentation for readability.
Deadline:
Friday 10

Additional Information:

Ensure the documentation is accessible and easy to follow.
Consider including example requests and responses for clarity.
Collaborate with the development team to gather accurate information.
Labels:

documentation
api
enhancement

Proposal:- Dockerizing this application

Issue

Nowadays, platform and software dependencies are really big problems, Like installing related software to run the applications and then choosing particular OS-dependent servers for hosting. So to remove all these types of problems, we can package the complete application as a docker image. So it's setup become more easy for the developers and they can run the application independently.

Solution

For Dockerizing this application I'll create a Dockerfile that includes all software-related dependencies. So when other developers need to set up the project in their local environment, they can set it up easily.

If you like the proposal, then assign me this issue. I can contribute to this project as a SWOC-24 contributor.

Contact us form bug and enhancement

Issue Template

Issue type
Contact us form bug and enhancement

  • Bug
  • Feature request

Description
Whether the user is logged in or not in the contact us page need to implement form validation , the actual behaviour is if we click the submit button without filling the form it is getting submitted directly
Screenshot (52)
Screenshot (53)

Steps to reproduce

  1. just go to contact us page
  2. submit the form in the blank

Expected behavior

What should happen?
Hence we have mongo db on our backend , we can create separate contact us api, we can integrate the api in front end with form validation using react-hook-forms or regex . In this method we have more control over our application. we can store all the contact us query details in our backend

What version of the software are you using?
node v18.18.0

What operating system and hardware are you using?
windows

if u find this concern helpful please assign it to me i can work both react and node

Style: Signup page UI redesign

Issue Template

Please fill out this template to help us troubleshoot your issue as quickly as possible.

Issue type

  • Style

Description

Signup page need UI upgrade

Could you please assign me this.

Better Contact form

Issue Template

Issue type

  • Other

Description
Remake the contact form with illustration and on single page

Screenshot or Video
image

Additional information

participating in swoc24

Unit and Integration testing for server Nodejs application

Feature Request: Initiating Unit and Integration Testing

Overview

I am excited to propose the initiation of unit testing and integration testing. This feature aims to enhance the reliability and robustness of our application through comprehensive testing.

Testing Frameworks

  • Unit Testing: Jest

  • Integration Testing: SuperTest

Plan

  1. Unit Testing:

    • Identify critical components for testing.
    • Develop test cases for individual functions and modules.
  2. Integration Testing:

    • Configure Superset for integration testing.
    • Develop and execute integration tests.

Fix: Wrong credential alert position

Issue Template

Issue type

  • Bug

Description
When the User enters wrong credentials, the alert displayed is not properly aligned.

Expected behavior

  • Properly align and show the wrong credential alert to the user OR enhance the way of showing the alert.

Screenshots or videos
Screenshot 2024-02-06 135420

Feature: Map which will display the list of nearby restaurants

Issue Template

Issue type

  • Feature request

Description
A feature to be implemented that should show the list / pin location of nearby restaurants. You could use any free Map API or any other alternative.

Additional information
Any additional API or component used should be free.

Add a logo on nav bar

As you can see in the screenshot there is no logo in the navbar
Screenshot 2023-12-26 at 5 04 23β€―PM

Here is one example of a logo we can put on the navbar:
image

Assign this issue to me so I can work on it

[Feature]: Implement automated reviewer assignment workflow for Pull Requests

Description:

This issue addresses the need for a GitHub Actions workflow that automatically assigns reviewers to pull requests upon their opening. Automating the reviewer assignment process will streamline code review processes and ensure timely feedback from team members.

Proposed Feature:

The proposed feature involves the creation of a GitHub Actions workflow that triggers upon the opening of a pull request. This workflow will automatically assign designated reviewers based on predefined list of reviewers in the workflow config.

Expected Behavior:

  • When a pull request is opened, the workflow should trigger automatically.
  • Based on defined rules or configurations, reviewers will be assigned to the pull request.
  • Reviewer assignments should be customizable and adaptable to project-specific requirements.

Benefits:

  • Streamlines the code review process by automating reviewer assignments.
  • Ensures timely feedback and reduces bottlenecks in the development workflow.
  • Improves collaboration and accountability among team members.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I am willing to work on this issue
  • I am an SWOC 2024 contributor

enhancement : Global Exception Handling

Issue Template

Please fill out this template to help us troubleshoot your issue as quickly as possible.

Issue type

  • Enhancement

Description

Enhancing the exception handling by adding global exceptions.

Steps to reproduce

  1. To Add global exception handlers in the app.js

Expected behavior

  • handle the unhandled exceptions.

Feat: Change logout button to User avatar with dropdown on hover

Issue Template

Issue type

  • Other - Enhancement

Description
Current working :

  • Before Login :
    1

  • After Login :
    2

Expected behaviour :
1] When the user logins, the login button should change to a user avatar. For ex. Link
2] The user avatar on hover should show a dropdown with the following option: Dashboard, Logout
3] The Logout button should be functional; on clicking the Logout button it should logout the user and the initial Login button should be visible

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.