Social Media App - Frontend

Ovaj projekat je frontend aplikacija za društvenu mrežu izgrađenu koristeći React.js. Omogućuje korisnicima da se prijave, pregledaju objave drugih korisnika, stvaraju vlastite objave i komentare, kao i interakciju s drugim korisnicima. Tehnologije

Ovaj projekt koristi sljedeće tehnologije i biblioteke:

React.js: Biblioteka za izgradnju korisničkog interfejsa.
Redux Toolkit: Biblioteka za upravljanje globalnim stanjem aplikacije.
Axios: Biblioteka za slanje HTTP zahteva s klijenta.
Sass: CSS preprocesor za stilizaciju komponenti.
Tailwind CSS: CSS okvir za brzo stiliziranje i izgradnju responsivnih app.
Formik: Biblioteka za upravljanje formama i validaciju.
Yup: Biblioteka za definisanje i proveru sheme podataka.
React Icons: Biblioteka ikona za korištenje unutar React komponenti.

Struktura projekta

U nastavku je prikazana struktura projekta:

├── src/
│   ├── assets/
│   │   ├── logo.png
│   │   └── ...
│   ├── components/
│   │   ├── PostList.js
│   │   ├── PostItem.js
│   │   └── ...
│   ├── pages/
│   │   ├── Home.js
│   │   ├── Profile.js
│   │   ├── PostDetail.js
│   │   └── ...
│   ├── store/
│   │   ├── actions/
│   │   ├── reducers/
│   │   ├── store.js
│   │   └── ...
│   ├── services/
│   │   ├── api.js
│   │   └── ...
│   ├── utils/
│   │   ├── FileParser.js
│   │   └── ...
│   ├── styles/
│   │   ├── main.scss
│   │   └── ...
│   ├── AppLayout.js
│   └── index.js
├── public/
├── .gitignore
├── package.json
└── README.md

src/components/: Direktorij koji sadrži reusable komponente.
src/pages/: Direktorij koji sadrži komponente za svaku stranicu aplikacije.
src/store/: Direktorij koji sadrži akcije, reducere i konfiguraciju Redux Toolkit-a.
src/services/: Direktorij koji sadrži HTTP servise za komunikaciju s API-jem.
src/styles/: Direktorij koji sadrži stilove aplikacije.
src/AppLayout.js: Glavna komponenta aplikacije koja definise rutiranje.
src/index.js: Glavna datoteka koja inicijalizira React aplikaciju.
public/: Direktorij koji sadrži javne datoteke poput index.html i ostale statičke resurse.
.gitignore: Datoteka koja definira koje datoteke