sauravmukherjee44 / aec-library-website

This is an Open-Source Library Website in which you get Resources to learn different topics, Donate book section to donate your old books, and a Book issue section to keep a record of all the books issued. -HacktoberFest Accepted

Hi, I'm Saurav Mukherjee

Full Stack Web Developer | Machine Learning Enthusiast

Technical Skills 🛠

I believe in implementing the knowledge which you have. Projects play a significant role in showcasing your skills. They help in predicting the skills of a person. So let's have a look at my project section.

Projects

Project Name	Description
My Portfolio Website	Portfolio website build using HTML5, CSS3, JavaScript and jQuery.
College Library Website	This is a College Library Website where you can keep a record of all the books you have issued.© 2022 Saurav Mukherjee
E-Mail Classification Model	Classify emails as spam or not-spam on the basis of the message.
Menses	Menses-Enables Menstrual Hygiene Solutions Tech Used: Google Maps API, Html5, bootstrap5, JavaScript SCSS, email.js, firebase, Firestore, and Alan AI.
Netflix-Clone-react-App	Netflix clone App built with ReactJS, NextJS TMDB API, Firebase, CSS and JavaScript.
Amazon Clone Marketplace	Amazon clone e-commerce full stack web app built using ReactJS and NextJS. Tech Used: ReactJS, Webhooks, Stripe Payments API for Checkout, Cloud Firestore database, NextAuth, Redux, Google Authentication, Add to Basket Functionality, Tailwind CSS and Vercel.

Let's Get Connected

CodeIN Community

I started India's Top Growing Student Technical Community of 10,000+ Students. Where we organize Events, Hackathons, and Workshops on different Technologies. Also, We Share Resources, Roadmaps to learn different technologies and share opportunities related to Internships and different tech programs. We are providing 1:1 Mentorship on our Discord server totally free of cost.

Join the community on Discord for interaction with students from all over India.

Visit us at:

Join the Community on Discord ⚡

aec-library-website's Issues

Add "Date_of_book_issued"

Whenever we add a book then it shows all the details except "date of book_issued". I wanna add this. And the font and color are dull too. We have to change it so that it looks clean and good.

Use Particle.js In the Background with Suitable Theme

https://codepen.io/VincentGarreau/pen/pnlso

favicon missing in donate books page

Create a About Section of the Library Website

Add Book button is not Working

adding a welcoming avatar as the website opens

for making the website look more attractive maybe we could add an avatar welcoming us to the website something as below:

Add a Resource and New Updates section in the Home Screen

Create a Back-end Service to store all the book details entered by the user

Fonts should be bold.

Fonts and font-family should be bold and different from the existing ones.

Add recommended books and Resources section on the Blank right side

Change the font and color of the Books added in the list (Should be clearly visible)

Update the contribution guidelines

Need to update the guidelines for the contribution, need to add clear steps.

Some alignment changes

I can see a few alignment issues in the form section of the body.

Add Contact Us details at the Footer

Implement the use of Search Button for books 📚

Adding hover effect on links.

Adding hover effect on links in navbar.
Something like this https://codepen.io/jstn/pen/zuDst

Add alignments and responsiveness to Study Materials Section

I would like to add the following styling to the Study Materials Section.

• Uniformly allign the images with proper spacing.
• Add hover effects.
• Add responsiveness for tab and mobile devices.

I would like to change it to this:

adding drop down list of authors

we can add some already popular or famous authors if the user is being confused which books to choose or may have forgotten the exact name of the book.

Change the alignment and Text Size of elements on the footer

Header and Footer

The header should be changed, and the footer should be at the bottom of the page.

Change the input css in form.

Change the CSS of input fields in form

Aos is not defined. do correct it

If you want i can correct it

Add Resources to the Library Website

BUG: Prompt user to fill in key fields on Book Add screen not working

Hi! The current version of the site does not appear to have any error catching text when a key field is not filled out (Title, Author). I want to add a prompt to let the user know that the fields are required instead of the item being failed to add and the book list not being updated.

EDIT: Upon further inspection, there is a feature like this, but it's just not working. Thus, this would actually be a bug fix.

Add the Comments in files.

Add the comment in files, that specify the sections in the file and easy to work with that only section.

Add Resources

This section consists of notes, question papers, and online links so that students can get help from that link.

Increase footer width

Hey , if you increase footer width then it will be looks good.

window.onload function has issue of Cannot read properties of null (reading 'style') (script.js:165)

script.js:165 Uncaught TypeError: Cannot read properties of null (reading 'style')
at window.onload (script.js:165)

Add Icons to the Navbar

Redesign the Home Page

Navbar items not aligned properly in center in Resources Page

Fix the alignment of items on the Navbar. Increase Spaces

Make the website responsive for mobile phone 🐱‍🏍

Making all input fields look uniform

• Date of issue input field should have border radius like other input fields.
• Name input field is looking very long. Its width should be decreased.
• Date and name both input fields should have height similar to rest 2 input fields.

This is the current UI:

I would like to change it to this:

Plz assign this to me @SauravMukherjee44

Add Contributing Guidelines to the readme file

First name is taken as email and last name as password

In donate-book.html, the first name is taken as email and last name as password. Assign me.

Features resources to the right side of Index page

Add animations to the website and make it responsive

Redesign Logo

I would love to work on it

Background Image is repeative.

Add a Recommended Section of Book in the Index page

add a pop up message for the delay in the returning date

in this we need to add another fill box of the returning date of that particular issued book and in case we are not able to remember the return date then a pop up is available to make us remember about returning date of that book .

Structure all the code in a proper format

Fix Search Button, Use Search button to find added books.

Make a Table for Stored books in the Your Books Section

style.css need to shift to bootstrap

In style.css there is CSS defined for every element and bootstrap is a link but not used that much.
Please use bootstrap predefined CSS.

Landing Page

Will change the look of the landing page, by including proper background, about section & working on form alignment.

preloader error script.js file

in the script file, the preloader has issues while loading the website

Uncaught Type Error: Cannot read properties of null (reading 'classList')
at script.js:186

Forms submit when they are empty

The forms shouldn't submit when they are empty. I would be working on form validation

display message : "No search found"

When we search for a book or an author then if the book is not there in our library then an error message "No search Found " should be displayed .