search

suryanshsingh2001 / MyLibrary

MyLibrary 📚 is a modern library management web app built with React.js, 🔐 Auth0 for authentication, 📖 Google Books API for book data, and styled with 🎨 Tailwind CSS for a delightful user experience.
https://mylibrary01.vercel.app/
MIT License
25 stars 25 forks source link

Improve Cart Page Layout #8

Closed suryanshsingh2001 closed 1 year ago

suryanshsingh2001 commented 1 year ago

Issue: Improve Cart Page Design/Frontend

Description:

The current design and user interface of the cart page require improvements to enhance the user experience. The cart page may not be visually appealing, user-friendly, or efficient in its current state.

Tasks:

Additional Information:

A well-designed cart page can significantly impact user satisfaction and the overall usability of the application. Enhancing the cart page's frontend will contribute to a more polished and user-friendly MyLibrary experience. image

Get Assigned:

If you are interested in working on this issue or have any questions, please leave a comment below, and we'll assign the task to you.

Let's make the cart page visually appealing and user-friendly! 🛒✨

waleedkhano commented 1 year ago

@suryanshsingh2001 can i work on this?

suryanshsingh2001 commented 1 year ago

@waleedkhano I have assigned the issue. Make sure to share the screenshots. You can start working on it. Happy Coding 🧑‍💻

waleedkhano commented 1 year ago

@suryanshsingh2001 can you please guide me on how can i connect with the backend locally?

suryanshsingh2001 commented 1 year ago

Sure,

Google Books API Key Setup

  1. Visit the Google Developers Console.
  2. Create a new project or select an existing one.
  3. Navigate to the "APIs & Services" > "Credentials" section.
  4. Click on the "Create Credentials" button and select "API Key."
  5. Your API key will be generated. Click on "Restrict Key" to configure usage restrictions if desired.
  6. Copy the generated API key.

Auth0 API Keys Setup

  1. Visit the Auth0 Dashboard.
  2. Log in to your Auth0 account or sign up if you don't have one.
  3. Create a new Auth0 application:
    • Go to the "Applications" section.
    • Click on "Create Application."
    • Choose "Single Page Web Applications."
    • Configure the settings as needed.
    • Save your changes.
  4. Navigate to the "Settings" tab of your Auth0 application.
  5. Copy the "Domain" and "Client ID."

Add these api keys into your .env into the client folder. Your .env may look this

VITE_REACT_APP_GOOGLEBOOK_API_KEY=YOUR_GOOGLEBOOK_API_KEY

VITE_REACT_APP_AUTH0_DOMAIN=YOUR_AUTH0_DOMAIN
VITE_REACT_APP_AUTH0_CLIENT_ID=YOUR_AUTH0_CLIENT_ID
suryanshsingh2001 commented 1 year ago

In case you are not able to access the auth0 authentication. Copy the code and paste it into local clone of the repo. https://gist.github.com/suryanshsingh2001/f89973b3f3d826b60f6426796a5063f7 This is will let you accesss the cart functionality.

Make sure to add the old file back to the repo and then make an PR.