Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rajdip019/booklee
Booklee is a Web App, to sell and donate your second hand books at a minimal price or free of cost to help a needy learner, learn and grow more. This made it to the Finals of Microsoft Imagine Cup 2022
https://github.com/rajdip019/booklee
azure cognitive-services cosmosdb geocoding geolocation mapbox mapbox-gl-js next-auth nextjs react sengrid ssr tailwind tailwindcss twillio vercel
Last synced: 2 months ago
JSON representation
Booklee is a Web App, to sell and donate your second hand books at a minimal price or free of cost to help a needy learner, learn and grow more. This made it to the Finals of Microsoft Imagine Cup 2022
- Host: GitHub
- URL: https://github.com/rajdip019/booklee
- Owner: Rajdip019
- License: mit
- Created: 2022-01-09T11:07:36.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-06T18:46:05.000Z (about 2 years ago)
- Last Synced: 2024-10-11T12:11:37.456Z (3 months ago)
- Topics: azure, cognitive-services, cosmosdb, geocoding, geolocation, mapbox, mapbox-gl-js, next-auth, nextjs, react, sengrid, ssr, tailwind, tailwindcss, twillio, vercel
- Language: JavaScript
- Homepage: https://booklee.vercel.app/
- Size: 1.73 MB
- Stars: 20
- Watchers: 2
- Forks: 6
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![image](https://user-images.githubusercontent.com/65490434/154921475-6b0b54ec-6268-48dd-bb97-619d3813b435.png)
# 0. Developer? Want to contribute?
If you want to contribute to Booklee then please click here. [Setup Guide in Local System](https://github.com/Rajdip019/booklee/blob/main/local_env_setup_guide.md)
But, before anything, We will highly suggest you to read what is Booklee. And what functionalities we have. And visit [Booklee](https://booklee.vercel.app/), and experience the web app once.
# 1. What is Booklee ?
Booklee is a Web App, to sell and donate your second hand books at a minimal price or free of cost to help a needy learner, learn and grow more.
You can visit **_Booklee_** at [Booklee](https://booklee.vercel.app/)
We have also added a **video guide**, on how to use Booklee [here](https://www.youtube.com/watch?v=ykNmo_W762E)
# 2. All Features AvailableWhen you land on the site, you'll see a lot of amazing features, ranging from the ability to login/sign-up , search for your favourite books, etc.
Let's go through them, one by one.## a. Sign-in / Sign-up
![image](https://user-images.githubusercontent.com/65490434/155150442-c0c9dbcb-5afe-4661-bb61-ee6c9f610786.png)Here you can SignIn to our webiste or just Continue without Singing in. Even if you decide not to sign in, you can still continue and browse our awesome collection of books on the website.
The website has sections like :
- Recently Added
- Free Educational Books
- Top Story Books
Click on the "View All" button, on any section to view _all_ the books in that section## b. Searching
![image](https://user-images.githubusercontent.com/65490434/155150566-78d6c35d-0fa7-4749-ac4c-414547e1bef9.png)You also have the option of searching and filtering your search results according to (Category, Price, Condition & Location).
This way you'll be able to find the correct book for you as fast as possible.## c. Product Details
![image](https://user-images.githubusercontent.com/65490434/155150765-8c1c3747-72ec-44f2-a765-0bf2e2ec5d8a.png)Click on any book, and you'll land on the product details page. Here, You'll see all the important and relevant details related to the book.
```diff
You need to be signed in to view all the seller details.
```
You can also see this Interactive Map, indicating the Location of the Book.![image](https://user-images.githubusercontent.com/65490434/155151544-d9fbb30f-86ae-4eef-b5cc-8754ad70cf61.png)
# 3. Profile
## a. Donator / Seller Profile
![image](https://user-images.githubusercontent.com/65490434/155152543-d4d82ae8-d108-478d-b9c7-afc25c3d327b.png)You can visit the Profile of any of the Sellers and Donators on Booklee. You'll find all of books listed there. The books have also been filtered by the categories mentioned above.
You can also see the books that have already been sold/donated by them in teh past.## b. Signing In
You'll be missing out on a lot if you're not signed in to the site. For example, you can't
- Send a direct mail to the Seller/Donator enquiring about any book.
- Can't list any of your own books for selling/donating.
- Can't Donate Books directly to an NGO.##
So, you chosen to sign in. Great!
We offer you 3 easy options. You can choose to login from any of these accounts
- Github![image](https://user-images.githubusercontent.com/65490434/155153270-401de576-6a53-4815-accc-a2352b166734.png)
```diff
Don't worry. We don't steal your data.
We only require a username, email ID, and a profile photo.
```
This is what your homepage will now look like :-![image](https://user-images.githubusercontent.com/65490434/155153464-00c1927a-d25c-49b7-818b-0c11a3f3a64b.png)
## Profle: Admin and Visitor
Now, in the Profile Section, you can control a lot of things. For example
- Managing the book that you've listed.
- Get the 'Invoice' or 'Donation Proof' of all the books that you've donated/sold.
- List books for selling/donating.
- Edit your personal details (except email id đź“«)![image](https://user-images.githubusercontent.com/65490434/155155046-a676360d-8aee-4b41-9013-4a3b92a8ed27.png)
```diff
In Profile, there's also an Admin View and Visitor View Option. Using this, you can preview what your profile will look like to other visitors.
```# 4. Listing Books You want to Sell / Donate
If you're already signed-in. You have the option to sell or donate your books using Booklee.
Just click on the 'Sell' or 'Donate' buttons on the Navbar from your homepage, or your profile page.## a. Selling a Book
![image](https://user-images.githubusercontent.com/65490434/155155354-96ac20c8-7377-4349-9a03-2ab8f68f33da.png)
Just fill out the form, and click on SUBMIT to List your Book.
## b. Donating a Book
![image](https://user-images.githubusercontent.com/65490434/155155406-68812252-6fa1-455d-9dd9-527b4aac0b8e.png)
Same as sell. Just fill out the form, and click on SUBMIT to List your Book.
## c. Admin Panel
Now, after you've listed your book. You can also edit it.
Just go to your Profile Page, and Click on 'Manage Book'.
You'll be directed to a page with the project details, and a Magical Admin Panel. Here, you can
- Edit the Book Details.
- Mark it as Sold, and generate an Invoice / Donation Proof
- Delete the Listed Book.
- See the Book Details in 'Visitor View'![image](https://user-images.githubusercontent.com/65490434/155155460-98df31f6-1bff-4f23-9695-229689a86dba.png)
## d. Marking a Book as Sold
If you are marking a book as sold, you need to follow the following steps :-
1. Ask the Buyer/Donee to tell their email adress, which is registerd in Booklee and enter that in.![image](https://user-images.githubusercontent.com/65490434/155659360-87130732-223c-4ddb-bf0b-4cc2ffee6d1d.png)
2. Once the system checks the user is register or not, you will see a message according to that. If the User is not authenticated then you will see aa error message to Pop up as invalid User.
![image](https://user-images.githubusercontent.com/65490434/155659402-3d0e8ffd-b774-44db-a359-5639c3fa21e1.png)
3. Or if the user is verified the system will pull the user data and show it on the modal with a verified mark!
4. Now the Seller/Doner must click on “Get OTP” and ask the buyer/donee to tell the OTP Sent to their Email to get Verified and get a Invoice/Donation Proof.![image](https://user-images.githubusercontent.com/65490434/155659438-e0e13d1f-2990-4ad4-953e-58924c1fb2f1.png)
5. After entering the OTP click on Make Invoice to Make a invoice which the seller/Donator can get from his Profile in the Sold/Donated Section.
6. And the Buyer/Donee will get the Invoice/Donation proof in Booklee Website in Your Orders Section. (*after sigining in with his email).# 5. Favorites Section
![image](https://user-images.githubusercontent.com/65490434/155659476-c916a8dd-499a-4aab-bc55-3e6908af6fce.png)
You can mark a book as your favourite book simply by clicking on the love icon on each card and can find them later in the Favorite Section.
# 6. Your Orders Section
![image](https://user-images.githubusercontent.com/65490434/155659778-39458164-1979-45eb-b96a-55cdda8361cc.png)
You can find all of the Books you bought or got donated in the orders section.
From here you can get the invoice/donation proof by clicking on the “Get Invoice” and “Get Donation Proof” buttons respectively.# 7. Invoice/Donation Proof
![image](https://user-images.githubusercontent.com/65490434/155659995-bf56a577-93c5-4736-8f49-82b2be6fcb4b.png)
On the invoice/Donation Proof Page you can save or print the Invoice/Donation Proof Directly from the Page.
# 8. Message
![image](https://user-images.githubusercontent.com/65490434/155660041-0b429bf8-df33-4fd8-8bc1-dfa3c1695695.png)
If you want to contact a seller regarding a doubt about the book, you can also do it here.
You just have to enter the name of the book you have query about and write the query and the seller will receive an email about your query and can reply you back.# 9. Donate to NGO
If you decide to donate your old books to an NGO, you can click on “Donate To NGO” Button on the home Page or click on the Donate button on the Navbar and navigate to Donate to NGO then.
Once you Click on Donate to NGO button, you will land on a Page where you can see the Total Books donated to NGO which is directly coming from the Azure Cosmos DB database.
![image](https://user-images.githubusercontent.com/65490434/155660120-12231948-601c-4886-b2c5-bc86a0204338.png)
Now on Clicking the Donate button you will be redirected to a form.
![image](https://user-images.githubusercontent.com/65490434/155660380-9c0ed499-ad8e-4b9d-8720-c855447dc15b.png)
Now After filling the form when you click on Submit, the System will find the Top 10 nearby NGO and will show the list with a interactive map which will point out the exact location of the NGO’s on the Map.
![image](https://user-images.githubusercontent.com/65490434/155660420-0387d23a-0024-48e0-86af-b1374ba13388.png)
Now after you choose your preffered NGO to donate book and click on Donate we will receive your info, The NGO, and the Book Details you want to Donate to the NGO.
Then, we will contact the NGO accordingly.```diff
These are almost all the Features of the Website. There are still some features in the Website Which is pretty self explainatory so it’s not included here.
```