This document describes the technologies used to develop a donation website, including PHP, vanilla JavaScript, AJAX, HTML, CSS, Bootstrap, jQuery, and the Google Maps API. PHP is used for server-side scripting, vanilla JavaScript is used without additional libraries, AJAX allows asynchronous data loading, HTML and CSS provide structure and styling, Bootstrap offers templates, jQuery simplifies JavaScript, and Google Maps API integrates maps. Features for the donation website project include user authentication, listings, messaging, search, and account management.

1. Donation Website

2. Technology Used:
 PHP
 Vanilla JS
 AJAX
 HTML
 CSS
 Bootstrap
 jQuery
 Google Maps API

3. PHP
 PHP is a server scripting language, and a powerful tool for making dynamic and
interactive Web pages.
 PHP is a widely-used, free, and efficient alternative to competitors such as
Microsoft's ASP.
 PHP is an open-source, interpreted, and object-oriented scripting language that can
be executed at the server-side. PHP is well suited for web development. Therefore,
it is used to develop web applications (an application that executes on the server
and generates the dynamic page.)

4. Vanilla JS
 The term vanilla script is used to refer to the pure JavaScript (or we can
say plain JavaScript) without any type of additional library. Sometimes
people often used it as a joke"nowadays several things can also be done
without using any additional JavaScript libraries".
 The vanilla script is one of the lightest weight frameworks ever. It is very
basic and straightforward to learn as well as to use. You can create
significant and influential applications as well as websites using the vanilla
script.
 The team of developers that created the vanilla JavaScript is continuously
working on it to improve it and make it more useful for the web-developers.

5. Let's have a look at some big websites that are currently
using the vanilla JavaScript:
 Facebook
 Google
 YouTube
 Yahoo
 Wikipedia
 Windows Live
 Twitter
 Amazon
 LinkedIn
 MSN
 eBay
 Microsoft
 Tumblr
 Apple
 Pinterest
 PayPal
 Reddit
 Netflix
 Stack Overflow

6. AJAX
 AJAX tutorial covers concepts and examples of AJAX technology for beginners
and professionals.
 AJAX is an acronym for Asynchronous JavaScript and XML. It is a group of
inter-related technologies like JavaScript,
DOM, XML, HTML/XHTML, CSS, XMLHttpRequest etc.
 AJAX allows you to send and receive data asynchronously without reloading the
web page. So it is fast.
 AJAX allows you to send only important information to the server not the entire
page. So only valuable data from the client side is routed to the server side. It
makes your application interactive and faster.

7. HTML
 HTML stands for HyperText Markup Language.
 It is used to design web pages using the markup language.
 HTML is the combination of Hypertext and Markup language.
 Hypertext defines the link between the web pages and markup language defines
the text document within the tag that define the structure of web pages.

8. CSS
 Cascading Style Sheets, fondly referred to as CSS, is a simply designed language
intended to simplify the process of making web pages presentable.
 CSS allows you to apply styles to web pages. More importantly, CSS enables you to do
this independent of the HTML that makes up each web page.
 It describes how a webpage should look: it prescribes colors, fonts, spacing, and much
more. In short, you can make your website look however you want.
 CSS lets developers and designers define how it behaves, including how elements are
positioned in the browser.

9. Bootstrap
 Bootstrap is a free front-end framework for faster and easier web development
 Bootstrap includes HTML and CSS based design templates for typography, forms,
buttons, tables, navigation, modals, image carousels and many other, as well as
optional JavaScript plugins
 Bootstrap also gives you the ability to easily create responsive designs

10. jQuery
 jQuery is a JavaScript Library.
 jQuery greatly simplifies JavaScript programming.
 jQuery is easy to learn
 The main purpose of jQuery is to provide an easy way to use JavaScript on your
website to make it more interactive and attractive. It is also used to add animation.

11. Google Maps API
 Google Cloud APIs are programmatic interfaces to Google Cloud Platform
services.
 They are a key part of Google Cloud Platform, allowing you to easily add the
power of everything from computing to networking to storage to machine-
learning-based data analysis to your applications.
 Most Cloud APIs provide you with detailed information on your project's usage of
that API, including traffic levels, error rates, and latencies. It helps you to quickly
triage problems with applications that use Cloud APIs. You can view this
information in the Google Cloud API Dashboard in the Google Cloud console.
You can also create custom dashboards and alerts in Cloud Monitoring.

12. Features to be done in project
 App with secure login and sign up options.
 Sign up process with real time indication of usernames availability, profile picture
upload and a Captcha.
 Users can add type, title, description, image, approximate address(text/Google
Maps), pickup time of the listings.
 Users can add listings to their My Listings page, and can edit, unlist, delete the
listings listed by them.

13.  Users can refine listing results by listing type, distance and more.
 A user’s profile page have the following - Add Listing, My listings, Unlisted listings,
User following and followers data.
 A search bar is provided in the home page where the user can search for other users.
 Messaging Feature. Users can message/chat with people who they are following or who
are following them.

14.  Asynchronous Instant Chatting feature. Users can chat with other users instantly (where
the user on the other end can receive the messages without refreshing the page).
 A user-chat search bar with Instant User-Chat Searching feature is provided in the
Messages page where the user can search for User-Chat data(user's chat data with
followers and following people). Users will be able to see the search suggestions changing
as the user types (without refreshing/ pressing the search button).
 Users can view the profile page and recent listings of other users.
 Users can update their profile picture, email and password.
 Users can delete their account and all the information associated with their account.