/weCare-server

Primary LanguageJavaScript

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

  1. Create .env file like .env.example

  2. Run the Application:

npm run dev  # or yarn dev

Live Link

You can see client site code in weCare Client