Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adamkowalczuk/frameworks-comparison
https://github.com/adamkowalczuk/frameworks-comparison
angular figma nodejs react typescript vue
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/adamkowalczuk/frameworks-comparison
- Owner: AdamKowalczuk
- Created: 2023-09-05T18:10:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-24T17:55:00.000Z (9 months ago)
- Last Synced: 2024-04-24T19:34:53.102Z (9 months ago)
- Topics: angular, figma, nodejs, react, typescript, vue
- Language: TypeScript
- Homepage: https://frameworks-comparison-react.netlify.app/
- Size: 1.53 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PostShare
## Live version
[](https://app.netlify.com/sites/frameworks-comparison-react/deploys)
## Opis projektu
Projekt PostShare to aplikacja internetowa, która została zaimplementowana w trzech różnych frameworkach front-endowych: React, Vue i Angular. Celem projektu jest pokazanie różnych podejść do budowy aplikacji webowych oraz porównanie tych frameworków pod kątem ich wydajności, elastyczności i łatwości użycia.
## Funkcjonalności
Aplikacja PostShare oferuje następujące funkcjonalności:
1. **Rejestracja i logowanie użytkownika**:
- Użytkownicy mogą utworzyć nowe konto oraz zalogować się, aby uzyskać dostęp do pełnej funkcjonalności aplikacji.
2. **Zarządzanie postami**:
- Zalogowani użytkownicy mogą przeglądać, dodawać, edytować i usuwać posty.
- Każdy post zawiera informacje takie jak tytuł, treść, autor, data utworzenia itp.
3. **Zarządzanie użytkownikami**:
- Użytkownicy mogą zarządzać swoimi profilami oraz edytować dane osobowe.
4. **Komunikacja z serwerem**:
- Aplikacja komunikuje się z serwerem za pomocą żądań HTTP, wykorzystując API RESTful.
## Uruchomienie projektu
Każda z części projektu (React, Vue, Angular) posiada własne instrukcje dotyczące uruchomienia. Poniżej znajdują się ogólne kroki, które należy podjąć, aby uruchomić projekt:
### React
1. Przejdź do katalogu `react-app`.
2. Uruchom terminal i wykonaj polecenie `npm install` w celu zainstalowania zależności.
3. Po zakończeniu instalacji, uruchom aplikację za pomocą polecenia `npm start`.
4. Aplikacja będzie dostępna pod adresem `http://localhost:3000`.
### Vue
1. Przejdź do katalogu `vue-app`.
2. Uruchom terminal i wykonaj polecenie `npm install` w celu zainstalowania zależności.
3. Po zakończeniu instalacji, uruchom aplikację za pomocą polecenia `npm run serve`.
4. Aplikacja będzie dostępna pod adresem `http://localhost:8080`.
### Angular
1. Przejdź do katalogu `angular-app`.
2. Uruchom terminal i wykonaj polecenie `npm install` w celu zainstalowania zależności.
3. Po zakończeniu instalacji, uruchom aplikację za pomocą polecenia `ng serve`.
4. Aplikacja będzie dostępna pod adresem `http://localhost:4200`.
### React
https://frameworks-comparison-react.netlify.app/
### Vue
https://frameworks-comparison-vue.netlify.app/
### Angular
https://frameworks-comparison-angular.netlify.app/
## Figma
https://www.figma.com/file/pNDOjj80GYlag63BOMxYw8/Praca-magisterska?type=design&node-id=0%3A1&mode=design&t=ysGSNgZUtRlVMDXD-1
## Autor
Adam Kowalczuk