Code Monkey home page Code Monkey logo

popshop's Introduction

<👋 Namaste, World! />

Glad to see you here! I'm Pooranjoy Bhattacharya, an Aspiring Software Engineer with a strong passion for Web, App and Open-Source. I balance code with Music 🎵 and find peace in a sip of tea 🍵 and painting 🎨. From the flatlands of Assam to the mountain highs of Sikkim, I swapped tea for treks and learned that altitude isn't just a number!

Currently, I'm building an eCommerce Application named Pop-Shop based on Supabase, React Redux and Vite in GirlScript Summer of Code 2024. My notable contributions include building StreeSaksham which was submitted to Google Solutions Challenge 2024. I've also had the privilege of mentoring in JGEC Winter of Code 2024 as well as Delta Winter of Code 2023.

Checkout my recent Project: We_Talk

Projects

Apart from the pinned repositories, I have contributed to:

Tech Stack

I mostly work with Typescript, specifically React & NextJS to power my Web Apps. Recently, I have been tinkering with React-Native and .NET Core.

TypeScript JavaScript Nodejs React Docker              

Open Source Initiatives

During Hacktoberfest 2023, I mentored the Official Website Repository of GDSC SMIT helping beginners kickstart their journey into open-source, impacting over 100+ beginners. I also mentored on a project called Beat Bridge which is basically a Spotify Integrated Music Player with clustering based recommendation engine.

Let's connect!

Explore my thoughts at 𝕏 (Twitter) and LinkedIn.

Kaggle | pooranjoyb Twitter Follow Peerlist LinkedIn

Let's code, connect, and create awesome things together!



aveek.saha


😊  Learn more about me!
🌐   Explore my blog!

An image of @pooranjoyb's Holopin badges, which is a link to view their full Holopin profile

popshop's People

Contributors

abckhush avatar akhilasunesh avatar amanjaiswal7236 avatar amitooo1 avatar asymtode712 avatar bhs-harish avatar bhuvangoel04 avatar dakshsinghrathore avatar dhruv8433 avatar disha-hati avatar gauravrajputpearl avatar gdhyani avatar ip80808080 avatar mahitej28 avatar masterboy376 avatar mayur-666 avatar mujtabaa07 avatar niharika0104 avatar nivex2169 avatar pooranjoyb avatar richab246 avatar sandipgyawali avatar sid-80 avatar sristy17 avatar tanishashrivas avatar utkarshbirla28 avatar vansh-sardana avatar yash28goyal avatar yashi-15 avatar yashmandi avatar

Stargazers

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

Watchers

 avatar

popshop's Issues

Clothes Size Options Not Functional

Description: When you try to click on the given size options : XL, L, M, S, there is no response.

Expected Behavior: Clicking on size options should trigger the selection process, allowing users to choose their preferred size effortlessly.
I am a GSSOC'24 contributor. Can you please assign this issue to me? @pooranjoyb
Please also mention GSSOC and level labels.
thank you.

Regarding Styling & Alignment

Hi @pooranjoyb I found some issues in styling and alignment

Description of Issue 1

When I am clicking on cart section then the popup window is hiding the text.

Reproduce Issue
Open in Mobile view to view issue.

Screenshot

Screenshot 2024-05-12 at 1 19 29 PM

Description of Issue 2

The alignment of Footer is not in centre.

Reproduce Issue
Open in Mobile view to view issue.

Screenshot
Screenshot 2024-05-12 at 1 23 23 PM

Description of Issue 3

When I am clicking on Profile section then the popup window is hiding the search bar.
Reproduce Issue
Open in Mobile view to view issue.

Screenshot
Screenshot 2024-05-12 at 1 20 19 PM

I am a GSSOC'24 contributor. Can you please assign this issue to me? @pooranjoyb
Please also mention GSSOC and level labels.
thank you.

Zod Validation for User Auth

Tasks

  • Create a file called schema.ts inside the /src/utils/ directory and create the schema for both Sign up and Login
  • Refer to https://zod.dev for more information.
  • Validate the Form using the Zod validation rules
  • Remove the Alerts and Display the Validation Errors just below the Form Field.

Create the PR to dev

Correction in routes

Hello @pooranjoyb

I have go through your website entirely
The pages are not loading with corresponding route in url bar. It may confusing the users as well as other developers.

I would like to work on the issue.
Please assign the issue to me

Thanks in advance

[FEATURE] Add Notification Toasts when Products are Added or Removed to Cart

When customer adds a product to cart, a toast should appear at the right top area that 'Product has been added' and also when the product is removed from cart too. This gives a sense of confirmation to customers that the product has been successfully added/removed.
Would request you to assign this task to me under GSSOC '24
We can do it in below page:
Screenshot (196)

Implement forget password

Description:

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.

Tasks:

  1. Create Forgot Password Page: Develop a new page or modal for the "Forgot Password" functionality.

    • Steps to Implement:
      1. Design the user interface for entering email addresses for password reset requests.
      2. Implement the frontend components for the Forgot Password page/modal.
    • Expected Behavior: Users should be able to access the Forgot Password page/modal to initiate the password reset process.
  2. Backend Logic for Password Reset: Develop backend logic to handle password reset requests and send reset instructions to the user's email.

    • Steps to Implement:
      1. Define API endpoints or backend routes to handle password reset requests.
      2. Implement logic to generate and store password reset tokens securely.
      3. Integrate with email services to send password reset instructions to users.
    • Expected Behavior: Upon submitting a password reset request, users should receive instructions on how to reset their passwords via email.

UI fix in Cart `-` & `+` buttons

The Cart Page looks non-functional. I can't add items, neither I can remove. It has a static value of 8 items. I can make it functional.
I'm GSSOC'24 contributor,Can you please assign this issue to me?

Search functionality is not working

The search functionality is not working as expected.

Steps to Reproduce

  1. Go to the products page.
  2. Enter the product name that you want to search.
  3. Click on search button.
  4. Observe the unexpected behavior i.e no products are being shown.

Expected Behavior

After performing a search, the system should display relevant search results based on the entered query.

Actual Behavior

No products are being shown

Basically Cart is static adding items to cart deleting items and sending products details to the backend ...

If it is possible then i would love to add this functionality where we would click add to cart then we would add/remove and update items
to cart using redux. what im thinking is to use redux and redux persist when users add items to cart it would immediately changes the ui if everything is fine then would send data to the backend else error dilaog would appear or something like toas type which would tell that we failed to update .... please do tell me if something efficient or more accurate approach is there according to you Thank you ..

[Feat] : Profile Page

Describe

There is no profile page or modal which gives user info.

Please assign me this issue under GSSOC'24

Navigation Pages

Hey @pooranjoyb i have looked into the footer navigation options there are some pages missing i'll be creating some pages also i will add navigations for those pages, I would request you to assign this task to me.

Adding a navbar

A navbar could be added which includes the sections as Home, New collections , Our Products and Footer(Consider this under Gssoc'24)

[FEATURE] Add 'Favourites' Button and Page

Creating 'Favourites' Page will enhance user experience where users can add the products to their favourites just in one click. Which can later on moved to cart as oer user's choice.

Would like to work on this issue under GSSOC '24

Enhancements for improved and cohesive user journey and password security

Creating pages for non-functional links in the footer to streamline navigation.
Enforcing password restrictions so that users create more secure passwords
When we view cart contents, we cant go back to product page when clicking on it, so we need to enable redirection from the cart to respective product pages to enhance user experience.
Implement a responsive design strategy to ensure optimal viewing and interaction across devices.
Redesign the navbar to adhere to UI principles and improve overall aesthetics.

Feat: Automate greeting using Github bot 🤖

Describe the feature

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.

Add ScreenShots

PR greeting message ⬇️

CleanShot_2024-05-11_at_14 39 402x

ISSUE greeting message ⬇️

CleanShot_2024-05-11_at_14 40 482x

Record

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

[Bug] : Cart Page Quantity

  • If the Cart Pages Quatity can be added that is selelcted for the all product quantity also can added.
  • If the cart option to solve for the .some , .includes and .filter method to solve the issue..
  • please assign me i will ready to make fix the issues..
Screencast.from.2024-05-14.13-18-40.webm

Integration of wishlist across all the products

Description:

We propose integrating wishlist functionality across all products, enabling users to conveniently save and revisit desired items. This enhancement aims to elevate user experience by providing seamless item tracking and fostering engagement. Below are the tasks required to implement this feature:

Tasks:

  1. Create Wishlist UI Components: Develop UI components to allow users to add items to their wishlist and view/manage their wishlist.

    • Steps to Implement:
      1. Design the UI elements for adding items to the wishlist and viewing/managing the wishlist.
      2. Implement frontend components for adding items to the wishlist and displaying wishlist items.
    • Expected Behavior: Users should be able to add products to their wishlist and view/manage their wishlist seamlessly.
  2. Backend Logic for Wishlist Management: Develop backend logic to handle wishlist functionality, including adding/removing items from the wishlist and retrieving wishlist data.

    • Steps to Implement:
      1. Define API endpoints or backend routes for managing wishlist operations.
      2. Implement logic to add/remove items to/from the wishlist and retrieve wishlist data for users.
    • Expected Behavior: Backend should support CRUD operations for wishlist items and provide necessary data to frontend for wishlist management.
  3. Integrate Wishlist Functionality Across Product Pages: Modify product pages to include options for adding products to the wishlist.

    • Steps to Implement:
      1. Update product page UI to include a button or option for adding products to the wishlist.
      2. Integrate frontend functionality to add/remove products to/from the wishlist directly from product pages.
    • Expected Behavior: Users should be able to add/remove products to/from their wishlist directly from product pages.

[Enhancement] : Add Proper Meta Tags, Description, and Missing Icon

Hello @pooranjoyb and @Mahitej28

I've conducted a review of website and identified areas where we can improve its search engine optimization (SEO) on a basic level. As someone experienced in contributing to open-source projects, I'm confident in addressing these aspects effectively.
Let's work together to enhance the SEO performance of our website for better user engagement and brand representation by adding favicon titles , description.

Looking forward to your input and collaboration!
Please assign me this under GSSOC'24

Filter feature on the products page

Tasks :

  • Define the criteria by which users can filter products (e.g., price range, category, brand).
  • The modal should popup upon clicking the Filter icon.
  • Use <IoFilterCircleOutline /> from react-icons
  • Use the responsive modal from here

Cart Functionalities- + and -

On Clicking + it increases
On Clicking - the count decreases
It should happen separately for each item,
Solution: This we can achieve by passing the product name(hard-coded) as props.

Can you please assign this issue to me?
image

Animated loading page

I want to add an animated loading page something like this at the beginning of the page.

loader

[FEATURE] Add 'Buy Now' button and 'Add to Cart' icon on the Products Page

In the below Products Page, there should be a 'Buy Now' Button and 'Add to cart' icon to each product, similar to modern websites.
Customer finds this feature effecient as going into the specific product page and then adding it to cart / buying it, is a bit lengthy process.
I have been working on similar project and can get this done ASAP.
I would like to contribute to this task under GSSOC '24

Screenshot (195)

[FEATURE] Add Filtering and Sorting Option on the Product Page

To make the products page more easy for customers, adding the filtering and sorting option at the left of the page would be a great idea. Customer can filter the products by size, price, gender, etc. which would be easy for them to find the specific products.
I request you to assign this task to me under GSSoc24.
sorting-section

Issue in Cart functionality

Description

When I am increasing the quantity of one item than it updates quantity of other items also, and the subtotal is also not updating.

Reproduce Issue

Open Cart Section then try to increase or decrease the quantity of items.

ScreenRecording

Screen.Recording.2024-05-12.at.3.49.25.PM.mov

I am a GSSOC'24 contributor. Can you please assign this issue to me? @pooranjoyb
Please also mention GSSOC and level labels.
thank you.

Authentication State Needed to be persisted.

As when we are logged in and we are going through one routes to another it works fine but when we manually type in different routes browser again send the request to backend(react restart) and then redux is getting reset. This is what i observed if something other than this is happening then do tell me and also assign me this task....
Thank you

React-Redux Setup for Authentication

Tasks

  • Setup React-Redux for the Project
  • Maintain Proper folder structure inside utils
  • Login/Logout (Logout button doesnot exist in Navbar so Add it lol :))
  • Maintain the States, User shouldnot be able to redirect to /home without authorization.
  • Replace the Profile to the username of the Logged in User.

image

View more Button in the home page is not Functional

i want to work on this of "view more" button, it has no functionality. I would like to add functionality (which will redirect customers to new page showing more option to customer).

Screen.Recording.2024-05-11.at.7.10.38.PM.mov

Bug: Login with Google button is not working

Hey there, Login with google button is not working in login page and sign up page. I would like to work on this issue. could you assign this issue to me under GSSOC'24 label ?

Animation in HomePage

@pooranjoyb ,By adding animation at Homepage we can enhance User-experience.
Kindly asiign this issue to me.
Here is the sample video provided for , how animation look like:

recording-2024-05-13-09-46-11.mp4

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.