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.
- TypeScript
- React JS
- Redux
- RTK Query
- Framer Motion
- Node JS
- Express JS
- MongoDB
- 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.
- 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.
-
Clone the Repository:
git clone https://github.com/DebabrataSaha-570/weCare-server.git
-
Install Dependencies:
cd weCare-server
npm install # or yarn install
-
Create .env file like .env.example
-
Run the Application:
npm run dev # or yarn dev
You can see client site code in weCare Client