Giter VIP home page Giter VIP logo

karamraj / booktown Goto Github PK

View Code? Open in Web Editor NEW
24.0 3.0 60.0 56.84 MB

BookTown is a fully functional website for purchasing books. It was created using HTML, CSS, Bootstrap, and vanila JavaScript. Users can browse through a variety of books, add them to their cart, and checkout securely. The website also includes a search function and user account management.

Home Page: https://karamraj.github.io/BookTown/

License: MIT License

HTML 54.85% CSS 8.28% JavaScript 22.21% TypeScript 14.66%
digitalocean first-contributions github good-first-issue hacktoberfest hacktoberfest-accepted hacktoberfest2023

booktown's People

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

Watchers

 avatar  avatar  avatar

booktown's Issues

UI Update

The length of the main page is too long also it's components are too big to fit in a screen.
we can have a better UI for all things to adjust on to the screen and all things clearly visible to the user.
also the navbar is sort of boring we can have some cool stuff like icons and other things to make it better.

assign me this issue i will solve all the problems.

in book town products page

in the book town products page, 2 images were missing and also there is no hovering effect on books I would like to add a hovering effect please assign me this issue @Karamraj
hack1

[Docs] : Improve readme

Description

  • Readme file have no table of content
  • The quick start quide have no code
  • All i will add admin image and contributors section

Screenshot

1

Screenshot_2023-10-03-09-47-03-319_com android chrome

2

Screenshot_2023-10-03-09-46-55-106_com android chrome

Bug: Slider Issue

Slider below Best Deal Section needs to be fixed. It is confusing if its for best deals for the quote just below it.

image

Align the cards showing preview of the books

Description:
There are cards on the homepage that have previews of books on them. Some are placed higher than the others. I would like to correct this issue. Kindly assign this to me @Karamraj under hacktoberfest and hacktoberfest-accepted labels.

Modify Issues Template

Current

  • There are no separate issues section for bug ,feature and documentation
  • So its tough for project admins to provide labels in issues as well as contributors to contributes

Create separate issues for bug , features and documentation

1

Screenshot 2023-06-20 232906

2

Screenshot 2023-10-03 194927

Bug: Book Not Getting Added to Cart

If we add any book to the cart it isn't getting added to the cart. And after clicking on Purchase we get another Prompt "Item Added to Cart".

Uploading BookTown HomePage - Google Chrome 2023-10-03 11-19-20.mp4โ€ฆ

make the footer colorful and

the footer letters are not visible clearly we can increase the styling of the footer and when we hover also there is no under-line effect also we can add it please assign me this issue @Karamraj
hack2

home page responsive breakdown

page is not responsive at dimension 680 by 1017. Media queries need to be updated.
Steps to regenerate:--

  1. go to main site .
  2. Inspect the page set dimension as mentioned by resizing the page.
  3. you will see the error in "best of sections".

Waiting for the issue to be assigned.
Screenshot 2023-10-02 130212
Screenshot 2023-10-02 130204
Screenshot 2023-10-02 130150

Bug: Best of Novels

This sections needs to be fixed so that it have all books slider of equal size.

image

Improving Loading and Working of website

Currently

  • The website contains many images
  • The images on the website are taking time to load as they are in png/jpeg format.
  • I will convert it into webp format

Note : Also in contributing section in readme mention the contributor should add image in webp format only so that futrues uploaded images are in webp format

Advantages of webp over png/jpeg

Smaller File Size :

  • WebP images typically have a smaller file size compared to PNG images while maintaining similar image quality. This results in faster webpage loading times, reduced bandwidth usage, and improved overall user experience.

Faster Image Loading:

  • With smaller file sizes, WebP images can be downloaded faster by website visitors. This leads to quicker rendering of images on the page, resulting in a better user experience.

Bandwidth Savings:

  • The reduced file size of WebP images means less data needs to be transferred between the server and the user's device. This can be particularly advantageous for websites with a large number of images or for users on limited bandwidth connections.

Form Validation for Sign Up Page

Form is getting submitted even if we do not enter the name. Want to make it compulsory. Kindly assign this issue to me under hacktoberfest 2023 :)

Bug: Footer Fix

Footer needs to be implemented globally. All pages should have same footer.

image

Requirement -
image

Public folder?

Put all assets(images, logos, favicons) into a singular public folder for easy navigation
@Karamraj
If approved, I want the issue assigned to me

Footer links are not working!

The footer links are not redirecting to respected social media accounts as well as copyright link is also not redirecting to itself. I want to work on this and solve the issue.
image

Footer Misspelling of Words

In the footer, I found that there was a misspelling of the words purchasing(perchesing) and varieties(verieties). Could you please assign me to this task as a contributor? I'm participating in hacktoberfest this year and would love to contribute to this project. If possible could you label this hacktoberfest-accepted and hacktoberfest

UI Improvement for add to cart

I want to enhance the alert when any product is added. If possible assign this issue to under hacktoberfest 2023. Thanks for consideration :).

Error page

the error is having a header of clumsy words we can remove the header and we can just put the logo of the book town please assign me this issue @Karamraj
hack3

Need so much contributions

No logo or title on the website
image

Very bad choice of colours and alignment
image

Dont need any underlines here
image

Empty sections like
image

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.