![screenshot](readme/homepage.png)
Digital Wellbeing este un soft educational care are ca scop sa invete lumea cum sa se protejeze pe internet.
- Libraria de javascript este React.js ajutata de framework-ul Next.js
- Libraria de componente se numeste Chakra-ui
- Caruselul pentru poze si videoclipuri a fost creat cu react-responsive-carousel
- Animatiile sunt facute cu framer-motion
- Logo-ul a fost creat de Cerbu Ionut
- Imaginele sunt incarcate pe Imgur
- ODM-ul este Mongoose care se foloseste de baza de date MongoDB
- Pentru autentificarea si inregistrarea adrministratorilor am folosit Next-Auth
- Parolele sunt criptate cu ajutorul lui Bcryptjs
- Sesiunea generata dupa autentificare este realizata cu ajutorul lui JsonWebToken(JWT)
- Progresiv webapp-ul(PWA) a fost creat cu next-pwa
Pentru a rula aplicatia local aveti nevoie de:
- Windows 7 sau mai mare
- Linux
- macOS 10.15 sau mai mare
- NodeJS versiunea minima recomandata 16.16.0
- NPM versiunea minima recomandata 8.x
Pentru a rula aplicatia online aveti nevoie de:
- Conexiune la internet
- iOS 11 sau mai mare
- iPadOS 13 sau mai mare
- macOS 10.15 sau mai mare
- Windows 7 sau mai mare
- Android 5.0 sau mai mare
- Descarcam Proiectul
git clone https://github.com/rsh1337/digital-wellbeing
- Instalam Pachetele NPM
npm install
- Construim Proiectul
npm run build
- Pornim Proiectul
npm run start
Accesam https://wellbeing.rares-andrei.me sau http://localhost:3000
![homepage](readme/homepage.png)
Pe pagina principala putem continua navigarea folosind:
- Bara de navigare
- Butonul verde
![negative](readme/negative.png)
Pe pagina "Partile Negative" aduce la cunostinta motivele pentru care unele tehnologii sunt daunatoare pentru om.
![pozitiv](readme/pozitive.png)
Pe pagina "Partile Pozitive" avem cateva exemple despre cum putem sa folosim tehnologia in favoarea noastra pentru a ne face viata mai usoara.
![sugestii](readme/sugestii.png)
In categoria "sugestii" sunt cateva sugestii postate de administratori si comunitate care au ca scop de a ajuta utilizatorii sa descopere mai multe "trucuri" pentru a face mai placuta utilizarea tehnologiei
![pag sugestii](readme/sugestii_pag.png)
Pe pagina de sugestii se afla o descriere cu un mic tutorial, si una sau mai multe imagini care pot fi folosite in tutorial pentru a fi mai usor de inteles.
![create sugestii](readme/sugestii_create.png)
Pe pagina creaza sugestii putem trimite o sugestie catre administratori, si daca acea sugestie este buna, va fi acceptata si ulterior facuta publica.
![register](readme/register.png)
Pe pagina de register putem crea un cont de administrator folosind o invitatie generata de alt administrator
![admin](readme/admin.png)
Pe pagina de administratori putem sa acceptam/edita/sterge sugestiile trimise de comunitate si putem crea invitatii pentru alti administratori