rsh1337 / digital-wellbeing Goto Github PK

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

1. Descarcam Proiectul

git clone https://github.com/rsh1337/digital-wellbeing

2. Instalam Pachetele NPM

npm install

3. Construim Proiectul

npm run build

4. Pornim Proiectul

npm run start

Accesam https://wellbeing.rares-andrei.me sau http://localhost:3000

Pe pagina principala putem continua navigarea folosind:

1. Bara de navigare
2. Butonul verde

Pe pagina "Partile Negative" aduce la cunostinta motivele pentru care unele tehnologii sunt daunatoare pentru om.

Pe pagina "Partile Pozitive" avem cateva exemple despre cum putem sa folosim tehnologia in favoarea noastra pentru a ne face viata mai usoara.

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

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.

Pe pagina creaza sugestii putem trimite o sugestie catre administratori, si daca acea sugestie este buna, va fi acceptata si ulterior facuta publica.

Pe pagina de register putem crea un cont de administrator folosind o invitatie generata de alt administrator

Pe pagina de administratori putem sa acceptam/edita/sterge sugestiile trimise de comunitate si putem crea invitatii pentru alti administratori