CodersCamp2021 - Projekt TypeScript

Czwarty projekt. Tworzenie strony wizualnej dla backendu stworzonego we wcześniejszym projekcie.

Zespół projektowy:

Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy kursu z pomocą mentora. Zachęcamy do odwiedzenia profili członków zespołu, w celu zapoznania się z ich portfolio.

Mentor:

Aleksander Atamańczuk

Uczestnicy:

• Małgorzata Bednarczuk

• Anna Koruc

• Marta Probierz

• Weronika Kurek-Pękala

• Kasia Filip

• Sebastian Michalczyk

Diagram ERD

Projekt na Figmie

WEJDŹ NA STRONĘ

Cel projektu

Celem projektu było stworzenie warstwy wizualnej strony z połączeniem do wcześniejszego wykonanego API. Na stronie możemy się zalogować jako użytkownik i poszukać swojego mentora. Możemy dodawać projekty, a także uczestniczyć w projektach grupowych.

Aplikacja będzie rozwijana w dalszej części kursu.

Aplikacja została wykonana według wymagań dostarczonych przez organizatorów CodersCamp.

Kod startowy projektu

1. Nasza aplikacja została wdrożona na Netlify.
2. Biorąc pod uwagę fakt, iż nasza aplikacja jest implementowana przez kilku deweloperów, zdecydowaliśmy się na użycie biblioteki Prettier, służącej do formatowania kodu. Niniejsza biblioteka jest świetnym narzędziem, który wyłapuje błędy składni, automatycznie poprawia linie kodu według zdefiniowanej konfiguracji.

Technologie użyte w projekcie:

1. TypeScript
2. React
3. Node.js
4. Express.js
5. Jest
6. MongoDB
7. Joi
8. Nodemailer
9. Mongoose
10. SuperTest
11. Formik
12. Formspree
13. i18next

Narzędzia pomocnicze

• Visual Studio Code
• Yarn
• Nodemon
• Figma
• Trello

Aby uruchomić aplikację na lokalnej maszynie, wykonaj następujące kroki:

1. Sklonuj repozytorium.
2. Otwórz je w ulubionym edytorze.
3. Stwórz plik .env i wklej do niego tą treść:

URL = https://brain-code.netlify.app/

4. Zainstaluj zależności za pomocą komendy: yarn .
5. Uruchom serwer za pomocą komendy: yarn dev .