An open API service indexing awesome lists of open source software.

https://github.com/marrcelp/oddam-w-dobre-rece

🤝🤕 Web application in one-pager form. Project created in React, using also React-Redux, Sass and Supabase. Via App you're able to donate unnecessary items to trusted institutions to help people in need.
https://github.com/marrcelp/oddam-w-dobre-rece

fetch-api javascript react react-hooks react-redux react-router sass supabase

Last synced: 2 months ago
JSON representation

🤝🤕 Web application in one-pager form. Project created in React, using also React-Redux, Sass and Supabase. Via App you're able to donate unnecessary items to trusted institutions to help people in need.

Awesome Lists containing this project

README

          

Welcome to the "Oddam w dobre ręce" App! The aim of the project is to create a place where each user will be able to donate unnecessary items to trusted institutions, so user knows exactly where the donated gifts will go.

The project is a website with a simple form that makes it easier for users to donate items to those in need.

## Getting Started

To run the application locally, follow these steps:

1. **Clone the Repository:**
```bash
git clone [repository-url]
```
2. **Navigate to the Project Directory:**
```bash
cd oddam-w-dobre-rece
```
3. **Install Dependencies:**
```bash
npm install
```

4. **Install Dependencies:**
```bash
npm start
```

The app will be accessible at http://localhost:5173.

## Features

- User Registration: Register to donate items to those in need.
- Trusted Organizations: Explore reliable institutions and organizations accepting donations.
- Contact Form: Utilize a simple form for direct communication.

## Technologies Used

- React: A JavaScript library for building user interfaces.
- JavaScript: A versatile scripting language commonly used for web development.
- Sass: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
- React-Redux: Facilitates seamless integration of React with Redux for efficient state management in web applications (pagination in this case).
- Supabase: An open-source offering real-time database and authentication services.

## Project Structure

The project is organized as follows:

- src/components: Contains React components for different parts of the application.
- src/styles: Sass files for styling the components.
- src/assets: Images and icons for website.
- src/config: support for data from supabase showing institutions and organizations

## Acknowledgements
- Special thanks to the React, JavaScript, Supabase and Sass communities for their excellent documentation and support.
Enjoy helping!

## You can check the application using below link:
[https://oddam-w-dobre-rece-demo.netlify.app/](https://oddam-w-dobre-rece-demo.netlify.app/)

**App created by marrcelp.**