OpeNotes to intuicyjna aplikacja webowa stworzona z myślą o efektywnym zarządzaniu Twoimi notatkami. Umożliwia szybkie tworzenie, edytowanie i organizowanie zapisków w jednym, bezpiecznym miejscu. Dzięki możliwości logowania, Twoje notatki są dostępne gdziekolwiek jesteś.
Główne Założenia
Celem OpeNotes jest zapewnienie użytkownikom prostego i niezawodnego narzędzia do:
- Tworzenia i zapisywania notatek.
- Przeglądania i edytowania istniejących treści.
- Bezpiecznego usuwania notatek.
Architektura i Technologie
Aplikacja OpeNotes została zbudowana jako rozwiązanie full-stack, wykorzystując nowoczesne technologie:
- Frontend: Stworzony w bibliotece React, zapewnia dynamiczny i responsywny interfejs użytkownika. Wykorzystuje React Router do nawigacji, Axios do komunikacji z API, oraz komponenty Material-UI i FontAwesome dla estetycznego wyglądu.
- Backend: Oparty na Node.js i frameworku Express.js, obsługuje logikę aplikacji, autoryzację (z użyciem Passport.js dla logowania lokalnego i Google OAuth 2.0) oraz operacje na danych.
- Baza Danych: PostgreSQL służy do przechowywania informacji o użytkownikach i ich notatkach.
Struktura Projektu
OpeNotes/
├── client/ # Kod źródłowy frontendu
│ ├── public/ # Statyczne pliki (np. CSS)
│ │ └── styles.css
│ ├── src/ # Główne pliki aplikacji React
│ │ ├── components/ # Komponenty React
│ │ │ ├── App.jsx
│ │ │ ├── Notebook.jsx
│ │ │ ├── Note.jsx
│ │ │ ├── Login.jsx
│ │ │ └── Register.jsx
│ │ └── main.jsx # Punkt wejściowy aplikacji
│ ├── index.html # Główny plik HTML
│ ├── package.json
│ └── vite.config.js # Konfiguracja Vite
├── server/ # Kod źródłowy backendu
│ ├── index.js # Główny plik serwera Express
│ └── package.json
└── README.md # Opis projektu
Działanie Aplikacji
Szczegółowe działanie aplikacji, w tym proces rejestracji, logowania, tworzenia i zarządzania notatkami, zostało zaprezentowane na poniższym nagraniu wideo. Zachęcam do jego obejrzenia, aby zobaczyć OpeNotes w akcji!