Federica Costantino

Associate Software Engineer

[Federica Costantino @ricacostt]

And eventually, I got to
Day 100 of the #100DaysOfCode challenge, where I learnt about Next.js and played with it by creating a navbar with links.

Then I checked in and packed my backpack ✈️

[Federica Costantino @ricacostt]

Day 99 #100DaysOfCode

Introduction to Amazon Web Services (AWS) and its Management Console. Intro to AWS Amplify, getting started by following a React tutorial to create a To-do full-stack app with the AWS Amplify CLI.

[Federica Costantino @ricacostt]

Day 96 #100DaysOfCode
#Hackathon Day!
Built a weather app where you can see temperature of the choosen city, a relevant icon and a small description of it. Right below it you can also check the forecast for the day with a 3h frequency.

[Federica Costantino @ricacostt]

@MichaelGodsent If you are familiar with Javascript, the best way to learn Typescript could be to try converting a small project from JS to TS.
But first check this out:
- official docs that include a playground: https://t.co/sbWlexG33t
- how to add TS in your react app: https://t.co/kWPZlWRY0m

[Federica Costantino @ricacostt]

Day 94 #100DaysOfCode

Started learning typescript and how to use it with React. Practiced by converting a to-do app from JavaScript to Typescript.

[Federica Costantino @ricacostt]

Day 82 #100DaysOfCode
Hackathon Day! Build a React App incorporating the functionality of authenticating users using Auth0.
- allow users to log in using existing credentials (Google/GitHub/Linkedin);
-added an extra layer of protection with multi-factor authentication(MFA).

[Federica Costantino @ricacostt]

Day 80 #100DaysOfCode

Spent the day with the gang addressing some feedback refactoring and reviewing our Rubbery Ducky App code.
Added documentation comments and renaming functions for better readability.
🤝Refactoring is sharing knowledge.

[Federica Costantino @ricacostt]

Days 71-75 #100DaysOfCode
🦀group🦆 project: week 10

Build a Rubbery Ducky full-stack app in 4 days where boot campers can read, post and comment entirely anonymously.

[Federica Costantino @ricacostt]

Day 68 #100DaysOfCode

🔙Hackathon day, implemented a 🍹cocktails recipes app (using the API). Spent the day planning the MVP, created user personas & user stories, followed by the Disney ideation process to come up with ideas💡 and then visualise them through a Kanban board.

[Federica Costantino @ricacostt]

Day 66 #100DaysOfCode

Learnt about React Testing Library to test components in isolation, allowing us to query the DOM the same way the user would.

[Federica Costantino @ricacostt]

Day 65 #100DaysOfCode

Creating branches, merging pull requests and solving conflicts🔀.
🪝Discover useReduce hook: ➡️ From setting state to dispatching actions and adding a reducer to our components.
Practice by refactoring a basic Counter and a List app.

[Federica Costantino @ricacostt]

Day 64 #100DaysOfCode
💧Understand the importance of keeping components pure in React and the side effects that could occur if they did not simply return their JSX without making any changes before rendering.
🪝useEffect hook and use it to create a random Pokemon generator!

[Federica Costantino @ricacostt]

Day 63 #100DaysOfCode
🔙Hackathon day, we had to implement a to-do list app from scratch that would allow the user to add to-do's and delete them at the press of a button. It was hard; I wanted more from the result, but it left me with the desire to try to implement it again ⬇️

[Federica Costantino @ricacostt]

Day 60 #100DaysOfCode
🔵🔵🔵manipulating arrays and objects with the spread operator;
🍕learnt about the immutable slice() method;
👇🏼started rendering lists & keys building a blog using react.

[Federica Costantino @ricacostt]

Day 59 #100DaysOfCode

Today we cover UseState, a react Hook🪝, and its anatomy;
learnt the difference between smart & dumb components;
lifting state🆙: how to share State Between Components;
and last, start creating a font checker app in React.

[Federica Costantino @ricacostt]

Day 58 #100DaysOfCode

Getting started to create a ⚛️react app today.

Learnt how to handle children in react components, conditional rendering and how to add styling in react.

Consolidate some immutable array methods in JS including map(), filter(), some().

[Federica Costantino @ricacostt]

Day 57 #100DaysOfCode

🪂Introduction to React: a library for building UIs. Built some functions components, that accept props and return React elements, using JSX (with babel support) to combine JS with HTML.

[Federica Costantino @ricacostt]

Day 54 #100DaysOfCode
#Hackathon Day!

Given a To-Do List app:
✅checked the user workflow writing E2E tests using Cypress;
✅checked on backend and database through integration testing;
🦩used the last few minutes of time to add some styling

[Federica Costantino @ricacostt]

Day 53 #100DaysOfCode

• Learnt about the four main types of NoSQL DB and pros & cons of Relational DB vs NoSql DB;
• Made my own Kata CodeWars, setting up Jest to test codewarriors' solutions!
👉Link to the challenge: https://t.co/rRTluaC62j

[Federica Costantino @ricacostt]

Day 52 #100DaysOfCode

learnt how to do API endpoint testing using Jest and Supertest🦸🏼

⬇️tested an app emulating the user journey using @Cypress_io