Docsee to aplikacja stworzona w React.js, która umożliwia przechowywanie, wgrywanie, pobieranie i usuwanie dokumentów na serwerze. Aplikacja obsługuje system kategoryzacji, co umożliwia łatwe porządkowanie przechowywanych dokumentów.
- Wgrywanie Dokumentów: Użytkownicy mogą łatwo dodawać nowe dokumenty poprzez interfejs użytkownika.
- Pobieranie Dokumentów: Możliwość pobierania przechowywanych dokumentów w dowolnym momencie.
- Usuwanie Dokumentów: Użytkownicy mogą usuwać niepotrzebne dokumenty za pomocą prostego interfejsu.
- System Kategoryzacji: Możliwość przypisywania kategorii do dokumentów w celu łatwiejszego zarządzania nimi.
- React.js: Biblioteka JavaScript do budowania interfejsów użytkownika.
- React-query: Biblioteka do zarządzania stanem i pobierania danych.
- React-hook-form: Biblioteka do obsługi formularzy w React.
- React-hot-toast: Toasty do wyświetlania komunikatów.
- React-icons: Ikony dla interfejsu użytkownika.
- React-router-dom: Nawigacja między stronami w aplikacji React.
- React-spinner: Komponenty do wyświetlania spinnerów podczas ładowania danych.
- Uuid: Generowanie unikalnych identyfikatorów.
Projekt został stworzony z wykorzystaniem CSS Modules do zarządzania stylami komponentów oraz vanillia JavaScript jako języka programowania frontendowego.
- Supabase: Platforma do budowania aplikacji backendowych, wykorzystująca PostgreSQL.
(!!Wymagane jest zainstalowanie node.js oraz pakietu npm!!)
- Uruchom program Visual Studio Code i otwórz glówny folder aplikacji Docsee lub sklonuj repozytorium:
git clone https://github.com/Rockwood98/docsee.git
. - Przejdź do katalogu projektu:
cd docsee
- Zainstaluj zależności:
npm install
- Uruchom aplikację:
npm run dev
- Wojciech Charemski (@Rockwood98)
Ten projekt został stworzony w ramach projektu końcowego na studiach podyplomowych na kierunku "Programowanie Aplikacji Webowych" na Akademii Górniczo-Hutniczej.
Projekt został rozwinięty korzystając z różnych technologii i bibliotek. Poniżej znajdziesz linki do dodatkowych źródeł, które mogą być przydatne podczas pracy nad projektem:
- React.js: Dokumentacja React
- React-hook-form: GitHub - React Hook Form
- React-hot-toast: GitHub - React Hot Toast
- React-icons: GitHub - React Icons
- React-router-dom: Dokumentacja React Router
- React-spinner: GitHub - React Spinner
- Uuid: GitHub - UUID
- React-query: Dokumentacja React Query
- Supabase: Dokumentacja Supabase
- CSS Modules - Dokumentacja: GitHub - CSS Modules
- React Docs - Obsługa CSS: Create React App - Adding a CSS Modules Stylesheet
- JavaScript MDN Web Docs: JavaScript MDN
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh