Portfolio Studenta

Mobilna aplikacja portfolio napisana w React Native (Expo). Prezentuje profil studenta, listę projektów wraz ze szczegółami, formularz dodawania nowych projektów oraz dane kontaktowe. Dodane projekty zapisywane są lokalnie, więc nie znikają po ponownym uruchomieniu.

Funkcjonalności

• Ekran profilu: zdjęcie, imię, opis oraz lista umiejętności.
• Ekran projektów: lista wszystkich projektów.
• Ekran szczegółów projektu: pełny opis, technologie i rok.
• Formularz dodawania projektu z walidacją pól.
• Ekran kontaktowy z klikalnymi danymi (e-mail, telefon, GitHub, LinkedIn).
• Nawigacja zakładkami (dolny pasek) + stos ekranów w sekcji projektów.
• Zapis danych lokalnie przez AsyncStorage.
• Własna kolorystyka (czerń + pomarańcz).

Wymagania

• Node.js 18+
• Aplikacja Expo Go na telefonie lub emulator Android / iOS

Uruchomienie

npm install
npm start

Następnie zeskanuj kod QR aplikacją Expo Go (Android/iOS) albo uruchom na emulatorze:

npm run android
npm run ios

Personalizacja

Wszystkie dane osobowe i startowe projekty znajdują się w pliku:

src/data/profile.js

Kolory aplikacji można zmienić w src/theme.js.

Struktura projektu

App.js                     # nawigacja (zakładki + stos)
src/theme.js               # kolory i odstępy
src/data/profile.js        # dane profilu i startowe projekty
src/storage.js             # zapis/odczyt z AsyncStorage
src/ProjectsContext.js     # globalny stan projektów
src/screens/               # ekrany aplikacji

Widoki Figma

Projekt widoków dostępny jest w pliku Figma:

Link do Figmy

Technologie

React Native, Expo, React Navigation, AsyncStorage.