https://github.com/its-shojib/donation-campaign-with-react-router-dom

Donation Campaign is a high level integrated frontend React Application where anyone can donate price to poor for their food, health an many things. Anyone can also so where he/she donate and how many amount donated by him/her.
https://github.com/its-shojib/donation-campaign-with-react-router-dom

javascript json-api localstorage react tailwindcss

Last synced: about 1 month ago
JSON representation

Donation Campaign is a high level integrated frontend React Application where anyone can donate price to poor for their food, health an many things. Anyone can also so where he/she donate and how many amount donated by him/her.

• Host: GitHub
• URL: https://github.com/its-shojib/donation-campaign-with-react-router-dom
• Owner: Its-Shojib
• Created: 2023-12-03T18:19:42.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-18T11:35:29.000Z (10 months ago)
• Last Synced: 2024-02-18T12:32:39.777Z (10 months ago)
• Topics: javascript, json-api, localstorage, react, tailwindcss
• Language: JavaScript
• Homepage: https://merry-starship-994ff4.netlify.app
• Size: 2.15 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Donation Campaign](https://merry-starship-994ff4.netlify.app)

# Live Link:

 [Click Here](https://merry-starship-994ff4.netlify.app)

# The Features are:

* **Dynamic Routing:** You can go any tab without re-loading page.

* **Search any Category data:** You can find-out any category by searching category name.

* **Dynamic data loading:** Dynamic Cards are added with different color and category.

* **View Details:** You can see Details by clicking any card in the Cards section.

* **Donate Price:** You Can donate in any category without conflicting the duplicate data.

* **Show More data:** You can see donated item in donation list. if you donate more than 4 item, you can see a button "Show More" and clicking this you can see all the donated item. 

* **Donate Statistics:** You can see a beautifull pie-chart on statistics tab where you will see the donation statistics.

* **Local-Storage:** All donated data loaded into local-storage,so you can't lose any data.

# Technology Used:

* **React Js, Tailwind, Javascript, JSON-API , Local-Storage**