weCare

Description

weCare is a web application designed to streamline the management and distribution of food and essential supplies to communities in need. It utilizes React for a user-friendly interface, Redux for state management, RTK Query for efficient data fetching, and React Router DOM for navigation.

Front-end Technology:

• TypeScript
• React JS
• Redux
• RTK Query
• Framer Motion

Back-end Technology

• Node JS
• Express JS

Database

• MongoDB

Features

• Responsive Design: Ensures optimal viewing experience across various devices (mobile, desktop).
• User Authentication: Secure login and registration for user accounts.
• Supply Management: Users can view, add, edit, and delete supply posts.
• Detailed Supply Information: Each supply post displays image, title, category, quantity, and description.
• Dashboard: Registered users have access to a dedicated dashboard for managing supplies and viewing statistics.
• Supply Statistics: Pie chart visualization of supply data to aid informed decision-making.
• Dynamic Theme Switching: Enable users to switch between different themes (e.g., light mode, dark mode) based on their preferences.
• Donors LeaderBoard: (”/leaderboard”) There is a leaderBoard to showcase the top donors who have made significant contributions to the relief efforts.
• Community Gratitude Wall: (”/community”) There is a community gratitude wall where users can post comments of appreciation for the support they've received during difficult times.
• Digital Volunteer Hub: (”/volunteer”) There is a digital hub where users can discover and sign up for virtual volunteer opportunities.
• Interactive Testimonial : (”/dashboard/create-testimonial”) Donors will be able to post testimonials about the donation posts.
• Animations: Enhanced user experience through subtle animations (3-4) implemented with Framer Motion.

How To Use

Prerequisites:

• Git: Ensure you have Git installed on your system. You can download it from https://git-scm.com/.
• Node.js and npm (or yarn): Download and install Node.js from https://nodejs.org/en which typically includes npm. Alternatively, you can install yarn as a separate package manager.

Steps:

1. Clone the Repository:

   git clone https://github.com/DebabrataSaha-570/weCare-server.git
   
   

2. Install Dependencies:

cd weCare-server
npm install  # or yarn install

3. Create .env file like .env.example

4. Run the Application:

npm run dev  # or yarn dev

Live Link

You can see client site code in weCare Client