Building of The Vidyapeeth Library Web Project

1. Hero Section: When you first land on the website, you’re greeted with a quote and a few buttons that help you jump to the main sections. The goal was to keep things friendly and easy to navigate right from the start.
2. About Section: This section briefly explains the purpose of the library, why it was founded, and what it hopes to bring to the community.
3. Facilities, Timing, and Pricing: Here, I’ve included the practical details. Visitors can check out what facilities the library offers (like Wi-Fi and reading rooms), find out when it’s open, and see the membership pricing.
4. FAQs Section: A few frequently asked questions make it easier for first-time visitors to understand what the library offers.
5. Footer with Contact and Location Info: At the bottom, there’s the library’s contact information, a button to reach out on WhatsApp, and a link to find the library on Google Maps. This section also has a simple map feature to help people locate the library with ease.

Building the Website: Keeping It Simple with React

• Framework: React allowed me to quickly build out each section as separate components, which made the codebase more organized and easy to tweak.
• Hosting: For hosting, I went with Firebase. Firebase is fast and reliable, so the website loads quickly, even on limited internet connections, which is perfect for rural areas like Mehnagar.
• Responsive Design: Given that many people in the village might access the site on mobile devices, I focused heavily on making sure it looks good on screens of all sizes.

Challenges Faced Along the Way

1. Making It Mobile-Friendly: Ensuring the layout was fully responsive took a little bit of trial and error. For example, I had to adjust button sizes and text so that everything looks just right on smaller screens.
2. Striking the Right Balance with Information: Since the site’s purpose is informational, I wanted to include enough detail without overwhelming visitors. I ended up creating several drafts before landing on a layout that was both detailed and easy to read.

Possible Future Additions

• Community Events: It would be nice to add a section to highlight community events or reading sessions hosted at the library.
• Book Listings: As the library grows, I could add a catalog section to feature popular books, genres, or collections.
• Feedback Form: A simple feedback form would let users share their thoughts on how the library (or even the website!) could improve.

Final Thoughts: A Small Effort with a Big Impact

Check Out the Site and Let Me Know What You Think!