100DaysOfCode
1.0.0
欢迎来到我＃100天的代码日志，因为我在接下来的100天内至少每天至少一个小时的代码挑战！我正在通过启动代码学校的完整堆栈Web开发训练营来加入勇敢的学习如何进行编码的新世界。这是未来四个月的全职工作，但也是免费的。申请过程很长，但代码学院仅接受了我的队列4000名申请人中的3％。我如何拒绝机会？ #careerchange #womenintech
今天的进度：学习新的CSS选择器并在与CSS Diner配对时练习它们
链接工作：CSS Diner
想法：在我在代码学校的第一天都做到了这一点。创始人兼首席执行官克里斯·梅（Chris Meah）今天告诉我们，代码学校的更准确的名称是“技术职业生涯密集的合作创意问题解决者的入职”。我很高兴能开始学习与所有这些新朋友进行编码的旅程！
今天的进度：
链接工作：破解银河系
今天的进度：
今天的进度：
今天的进度：在我们的第一届Code Hackathon学校中，整天都在#JavaScript和#Problembrobles进行了#Problemsolving。我们从头开始建造了岩石，纸，剪刀游戏。
思想：我喜欢这种吸引人的代码黑客马拉松曲调，它使我们所有人都开除了当天的活动 - 黑客马拉松星期五。
今天的进度：今天，我学会了如何在Github分叉。然后，我分配了一周与配对伴侣进行的研讨会。我们在一周内还没有完成它们，所以我分叉了，以便我可以独立地对其进行工作。
今天的进度：为周末的作业工作，这是一个GitHub回购，涵盖了JavaScript上的所有主题，我们在第一个星期在Code的第一周就教授了。
今天的进度：
今天的进度：
思想：除了“与计算机一起使用”以外，我开始了解程序员的作用。 ？
今天的进度：
今天的进度：
今天的进度：
今天的进度：在www.w3schools.com上进行了研究和完成的练习。
链接工作：W3Schools JavaScript教程
今天的进度：开始在RECAP第2周的研讨会上工作，该研讨会涵盖了功能，字符串，循环，阵列，SetInterval，Clear Interval和Fetch。
今天的进度：
思想：我今天的鼓舞人心的报价。看到了这个，当我开始编码训练营第3周时，这对我来说是完美的。您将勇敢地吸引什么新事物？
今天的进度：
今天的进度：
用户界面（UI）设计：
CSS：
今天的进度：
今天的进度：昨天是星期五在法典学校的黑客马拉松。我们使用新开发的UI/UX技能来设计业务登陆页面。我们一起工作：
今天的进度：
使用代码学校的JavaScript回顾研讨会继续编码功能，循环和数组。
我喜欢的众多代码学校之一是，他们将每个人与一位已经在科技行业工作的导师联系起来，并且愿意每周1：1与我们见面。亚瑟（Arthur）是我的导师，他已经通过他的技巧，建议和支持来鼓励我。今天早上，当我感到沮丧的时候，他给我发了一句鼓舞人心的报价，我整天都在向自己重复。谢谢你，亚瑟！
#javascript #mentoring
今天的进度：
今天的进度：
本周，我们正在学习有关后端发展的知识。我们正在使用nodejs（开源JavaScript运行时）在浏览器外运行JavaScript。
#nodejs #backenddevelopment #json #expressjs
今天的进度：
今天的进度：
今天的进度：Hackathon星期五在法典学校建造后端。从头开始构建REST API。设置CRUD路线，并使它们在我们的路由器中运行。创建模型功能并将其传递给路由器中的路由处理程序。
今天的进度：上周我与编程对合作伙伴一起使用Node.js和Express构建REST API的工作坊的回购。这次是一个人从头开始再次做到这一点，以加强我学到的东西。
今天的进度：本周，我们正在学习编程语言，SQL。
今天的进度：
今天的进度：今天，我们学会了如何将库连接到数据库。
今天的进度：
今天的进度：星期五在法典学校举行的黑客马拉松！在三人组中共同努力，我们：
今天的进度：
今天的进度：本周我们正在学习有关测试和现代软件工程实践的知识。我们已经了解了Jestjs.io，测试驱动的开发（TDD）和Cypress.io。
今天的进度：
今天的进度：
今天的进度：
链接工作：免费代码训练营
今天的进度：
今天的进度：
今天的进度：
今天的进度：
今天的进度：
今天的进度：
想法：每天在午餐休息时，我都会尝试走到外面。这对我的健康非常有用，也被科学证明可以平均增加60％的创意思维！有效解决问题的完美帮助。
今天的进度：星期五在法典学校的黑客马拉松。我们试图使用整个星期都学习的ReactJ中的技能来创建一个“待办事项列表”应用程序。我和我的配对伙伴决定我们需要回去了解一些反应的基本知识，例如州和道具。结果，我们花了一些时间浏览Net Ninja的YouTube播放列表，完整的React教程并讨论它，以确保我们理解它。
今天的进度：
今天，我学会了如何将您的＃100DaysofCode log转换为视觉体验，这要归功于这篇免费的代码训练营。
随后，我使用图像，链接和格式化更改了此日志，并在Markdown代码的帮助下进行了更改，例如：
斜体
大胆的
关联
blockquote
与背景Inline code
# code block
print '3 backticks or'
print 'indent 4 spaces'
链接到资源：
Markdown教程
Markdown教程和视觉工作室代码
想法：经过一个激烈的一周之后，当我生病时，我试图学习如何使用React Js来编码，我需要心理休息。我发现它令人鼓舞和激励学习如何改善#github上的＃100DaysofCode登录，以使阅读更有趣。这些日子之一我希望发布一些实际的项目，但现在这是一个很好的第一步。 Code First Girls的这句话正是我今天需要阅读的内容：
当今的进度：了解ReactJ中的纯函数，例如使用效果钩。如何使用fetch，usefect和usestate从API获取数据。
今天的进度：
了解GIT中的分支机构管理。这包括学习一些新的git命令，例如：
git结帐–b添加到远程。这将创建一个名为“添加到示例”的新分支，并同时切换到它。
Git Checkout Main。
git推动 - 上游起源NewBranchName
我们还了解了UserDucer，这是一个挂钩，可让您在要控制所有内容时管理React中的状态。
今天的进度：
与Code UserEducer研讨会的用户编者重新分配了列表
与我的配对合作伙伴一起在代码大战中解决了6kyu kata。
在下周为我们的小组项目做准备时，请刷新测试代码。
然后在React组件测试研讨会上工作。
了解创建React应用程序。 React测试库。
今天的进度：
了解更多有关敏捷工作，看板董事会，敏捷的冲刺迭代，MSCW的信息（必须拥有，应该拥有，可以，不会有）。 ETC。
有关测试反应组件的更多评论。
我们还进行了以下主题进行并介绍了小组研究项目：
今天的进度：继续在freecodecamp的JavaScript课程中完成课程
链接到工作：JavaScript算法和数据结构认证课程
今天的进度：继续在FreeCodeCamp的JavaScript课程中努力工作
链接到工作：JavaScript算法和数据结构认证课程
今天的进度：
本周在代码学校的本周，我们被列为四人一组，并要求设计一个完整的堆栈Web应用程序，该应用程序有助于应对训练营所面临的挑战，同时学习远程学习。在本周结束时
本周我们的目标之一是在我们计划，管理，开发和介绍我们的应用程序时使用敏捷软件开发实践。因此，作为一个团队，我们首先同意我们的团队宣言核心项目和恢复策略。然后，我们使用Jamboard和Disney Iseation方法来集思广益，然后将其缩小。我们还完成了无花果上的用户故事，组件树和低保真线框。
在开始使用代码学校的一天之前，我观看了Net Ninja的YouTube教学视频，介绍了Ninja和React（使用JSON Server和使用效应依赖关系）。
今天的进度：
今天，我们在Trello上创建了一个看板董事会，以实现项目管理。然后，我们涌入编程对，一对开始构建前端，另一对在后端上工作。
对于后端，我们画了一个图表，显示了数据库所包含的表以及它们如何加入。我们还为后端处理的请求写了一个API计划表。然后，我们在Railway.App中创建了一个PostgreSQL数据库
思想：
这是非常压力的一天。我们昨天在团队中发生的摩擦今天变得更糟。我们的一位同事与其他团队的其他成员并不吻合，我们发现自己花费了太多的精力表达了为什么我们以前做我们同意的事情，试图朝着推动推动的力量推动。下午一半，它变得难以忍受，我们的团队达到了一个突破点。
今天的进度：
当今的挑战之一是连接我们开发的前端和后端。我们最终下载了一个名为CORS的Node.js软件包，该软件包提供了明确的中间件并调整我们的React组件以适当响应。
我们在异步功能中也有一个控制台。log使我们暂时抛弃了一段时间，直到我们注意到我们需要将其移出。
我们确实设法使两个组件正常工作。
思想：
今天，我们从团队将会发生的事情开始时从不确定性开始。我们继续作为三重奏工作，但我们仍然有些丢失，因为在事情正在积极变化时很难进行。
直到下午中旬我们正式收到法规学校的决定，从那时起，我们将成为三人一组。我们显然落后了，但是这种确认给了我们我们需要的确定性。在整个下午的剩余时间里，我们三个人都重新评估了我们的情况，重写了我们的恢复计划，并开始重新考虑我们的最低可行产品（MVP）定义。
今天的进度：
今天早上，在我们日常的站立式上，我们决定在一天结束时我们的目标是让我们的应用具有一个模块化的仪表板，并具有清晰的部分，并且在视觉上结构良好。我们必须为我们的原始计划做出一些牺牲，以便在一天结束时达到经修订的MVP，例如：
修改了MVP后，我们提出了一种配色方案，修改了我们的低保真线框，并使用Trello上的看板董事会讨论了我们对任务的优先级和责任。
今天，我了解了如何将CSS用于对样式组件的反应，并喜欢从编码中看到立即的视觉结果。
在本周的每一天结束时，我们遇到了回顾性，使用4LS技术讨论了我们所爱，讨厌，渴望和学到的东西。
今天的进度：
今天，我们的重点是将我们的应用程序准备并呈现给该行业的法官小组。
我们的解决方案是一个仪表板，可帮助训练训练训练板在进行激烈的学习一天后进行解压缩。它有按类别组织的活动，有助于促进健康。您可以每天添加它，并根据自己的目标查看进度。它也有一个随机的笑话生成器。最后，有一个提示写下您对您过去所感激的东西的列表的感谢。
使用的工具： Jamboard，Figma，Trello，Vscode，Git，Github，Zoom，Google Docs和Google Slide
技术堆栈使用： JavaScript ES6，Node.js，Expres.js，React.js，PostgreSQL（ElephantsQL和Railway.App），HTML和CSS
思想：
本周我们不可避免地遇到了挫折，然后当我们已经落后时，我们成为了三人组。之后，尽管我们的团队较小，但我们还是一支凝聚力的团队，庆祝我们的胜利多大，而我们的生产力水平在屋顶上拍摄。
对我们来说，最大的收获是，在面对团队挑战时，心态和积极的态度是多么重要。我们有一个独特的机会体验在真正的工作环境中可能面临的障碍类型。对我们来说，继续前进并保持敏捷非常重要。
本周，我们从敏捷宣言中汲取了以下值：
我非常感谢我对这个项目的队友，Gabe和Milly。他们支持，鼓励，善良，灵活，有韧性，并且在编码方面也很出色！我们面临着巨大的挑战，但克服了它们，并以积极的态度作为一个凝聚力的团队。在本周结束时，我们向法官提交了一个运行的应用程序，该应用程序几乎完全在一天之内编码。多么的成就！
你们对软件设计的基本原理和软件开发生命周期的基本原理表现出了深刻的了解。
在艰难的一周中取得积极的状态真的很好。
不幸的是，鉴于他们在团队成员方面遇到的问题，但仍然对该项目进行了令人印象深刻。
自然，您的最终产品比我们看到的其他产品的发达效果还不那么发达，但是当我们考虑到您本周遇到的麻烦（完全不可避免！）时，这绝对是可以理解的，尽管您所做的事情对本质上的工作确实给人留下了深刻的印象。
今天的进度：在SOC今天早上开始之前，我在Reactjs文档中阅读了有关州的文档，以增强我的理解。
在今天的《法规学校》中，我们上周从项目组中度过了一个早晨，他们进行了Sprint的回顾。我们创建了一个Trello董事会，以讨论进展顺利，需要改进的方法以及未来的行动项目。我还学会了如何为Trello卡添加投票选项，以便我们可以对我们想在列表中看到的三个想法进行投票。
下午，我们专注于代码评论。我们阅读了代码审查指南，然后与上周的另一个团队会面，以审查其代码（反之亦然）。
链接到一些使用的资源：
状态：组件的内存
来自Atlassian的回顾性基础知识
今天的进度：今天，我们根据昨天从同行代码评论中收到的反馈来开始对项目中的代码进行一些更改。
思想：我今天真的很喜欢，觉得自己学到了很多东西。当我们审查代码时，我试图向队友大声解释代码在做什么。我的队友擅长解释我不明白的任何事情。他们还帮助我开始使用正确的语法。我经常理解并可以解释代码的逻辑，但不记得正确使用的技术词（例如“渲染组件”）。
资源的链接：用于添加文档注释的JSDOC工具和Readme Markdown编辑器
柏树测试我们应用程序的组件： 
GitHub网络图：我们的提交： 
今天的进度：上周从我们的小组项目中创建了README文档为前端和后端存储库。在代码中为前端和后端存储库编写JSDOC评论。当我们再次浏览代码时，最好回顾一下我对每个部分如何连接并与从正面到后端的其他部分进行通信的理解。
今天的进度：今天，我们了解了身份作为服务（IDAAS），这是由第三方提供商构建和运营的基于云的身份验证。 IDAAS提供商的示例是Auth0，AWS Cognito，Firebase和Supabase。下午，我开始尝试在一个React项目的前端设置身份验证。我使用Autho0将以下功能集成到单页React应用程序中：
Today's Progress : Today I continued working on yesterday's project. I learned how to call an API that validates ourJSON Web Tokens. The aim was to get our user's metadata to display on the page and we managed to do it!
Next, we worked on protecting the backend of our React project. We created an API that supports the following routes:
It took ages to figure out how to get the last one (private-scoped) to work but we finally managed to find and tick the right boxes in the Auth0 API settings to get it to work (hint: check the Machine to Machine Applications tab).
In the last few minutes of the day, I built a React app from scratch that uses authentication via Auth0. The one bit I haven't figure out yet is how to code it so that you can only access the app once you have logged in. Right now it's showing on the main page and also when you log in. Will tackle that problem another day.
Today I also added a demo video to the README files for our week 9 Group Project: Globally Scoped Project Frontend and Globally Scoped Project Backend
Today's Progress : Learned and practiced how to deploy React app projects via Netlify.
Today's Progress : Learned and practiced how to deploy a backend environment using Render. Then deployed the related frontend (a React app shopping list) via Netlify.
The highlight for me today was learning how to set up my React App from last Friday (2 Dec) so that the user has to log in first before they had access to the app, their user info and their user metadata.
To do this, we leveraged the Identity as a Service (IDaaS), Auth0 React SDK. It is a JavaScript library for implementing authentication and authorization in React. We used the useAuth0 hook in our components to access authentication states such as (isAuthenticated and user), authentication methods such as logout, as well as the logical conjunction (&&) operator to do it.
In the morning I also completed some katas on Code Wars with my pairing partner for an hour. We started going through Katas list of Training JS series together.
Today's Progress : Today we learned about a React Hook called useContext that lets you read and subscribe to context from your component.
Links to resources : React Hooks: useContext and Passing Data Deeply with Context
Today's Progress : This morning I completed a CodeWars kata with my pairing partners. Then we worked on completing the workshop from yesterday on custom hooks.
In the afternoon, we learned more about Couchbase. Couchbase is a DataBase as a Service (DBaaS) provider.
Today's Progress : Hackathon Friday at School of Code. Our challenge was to ideate, plan, and build a full stack app that included:
It was a huge challenge to do in just 5 hours. We managed the first task and had started on the second one when it was time to present at the end of day.
Thoughts: How do you maintain motivation to keep going when you are worn out? After twelve weeks of intensive learning with the School Of Code boot camp, I took the advice that Women In Technology (WIT) shared below so I can press on to keep going in my #100daysofcodechallenge.
Today's Progress : We started learning about TypeScript today. Here's a little code snippet from the first part of our workshop practicing writing in TypeScript:
代码片段
/* TASK 1.1: declare and initialize a boolean variable */
let isTrue : boolean = true ;
/* declare and initialize a string variable */
let myName : string = "Stephanie" ;
/* declare and initialize a number */
let myAge : number = 32 ;
/* declare and initialize an array of booleans */
let isVeryTrue : boolean [ ] = [ true , false ] ;
/* declare and initialize an array of strings */
let stringArray : string [ ] = [ "2" , "b" , "6" ] ;
/* TASK 1.2: Declare and implement a function which takes in two numbers and
returns their sum.*/
function totalSum ( a : number , b : number ) {
return ( a + b ) ;
}
console . log ( totalSum ( 2 , 8 ) ) ;
/* TASK 1.3: Declare a new type that describes an object containing the keys and
types below:
amount: a number
uniqueId: a string
isValid: a boolean
addressLines: an array of strings */
type Data = {
amount : number ;
uniqueID : string ;
isValid : boolean ;
addressLines : string [ ] ;
} ;
function getData ( personalData : Data ) {
return personalData . uniqueID ;
}
console . log ( getData (
{
amount : 15 ,
uniqueID : "Sam" ,
isValid : true ,
addressLines : [ "1 Park Lane" , "2 Falcon Way" ]
}
) ) ;
/* TASK 1.4: Declare a new type which is any one of: "BLUE" or "YELLOW" */
function setColor ( color : string | string ) {
return "My favourite color is " + color ;
}
console . log ( setColor ( "BLUE" ) ) ;
console . log ( setColor ( "YELLOW" ) ) ;Today's Progress : Learned how to convert React JavaScript to TypeScript. Spent the day with my pairing partner converting all the .js components of a “to-do list” React app to .tsx components.
Today's Progress : Today we learned how to use VS Code to debug code. We also learned a bit more about how to code using TypeScript.
Tomorrow I have a progress interview. Therefore, I also took some time to review the code from our week 9 group project to make sure I understood it. My programming pair partner for this week, Beatrice, was kind enough to let me practice explaining it to her. She asked me some good questions about it too.
In the evening I met with my mentor, Arthur, and he helped me review and practice answering common interview questions that someone might be asked when interviewing for a software development job.
Today's Progress : Hackathon Friday at School of Code. With our programming pair partner our challenge was to build a weather checker app using Typescript and React. The user needed to be able to input the name of a city and have weather information about that city added to the page.
We first made a plan then created a component tree diagram in Miro before we started any coding. I had my progress interview in the middle of the day so Beatrice did a large chunk of the coding during the 1 1/2 hours that I was away for my interview.
In the last bit of time we had at the end of the day we managed to add a background image and weather icon which reflects the city's weather.
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification. Also started watching Dave Grey's Node.js Tutorials on YouTube.
Link(s) to work : JavaScript Algorithms and Data Structures Certification
Link(s) to resources : Node.js Tutorials
Thoughts: I have now completed the first twelve weeks of the School of Code (SoC) boot camp. When I started, the only coding I knew how to do was some basic Python from the Code First Girls intro course I took last summer. I didn't know any JavaScript, HTML, or CSS. I didn't know how to use Git or GitHub. I had never heard of a PERN Stack much less how to code using PostgreSQL, Express, React, and NodeJS. In these past twelve weeks, we have been taught a massive amount and I've worked incredibly hard - day, night, and every weekend. It's amazing how much I have learned and grown in just three months.
I still feel so behind though in my comprehension and was feeling quite discouraged yesterday. However, Bee helped me gain some perspective by pointing out that before our SoC boot camp started, she spent two months going through some Udemy courses on JavaScript (while also working). At our SoC bootcamp we only spent 3 days learning what she had spent a full 2 months learning on her own.
I really enjoyed going through this basic JavaScript course on Free Code Camp today. It's so much easier on my brain. I'm learning things that so many others on my SoC course already knew before they started. Some of these concepts look familiar to me because we have used them in our coding at SoC but I had not learned them yet.
This post encouraged me too:
Today's Progress : This morning David Adams, Site Reliability Engineer (SRE) at ManyPets, gave us a interesting, practical presentation about the Continuous Integration and Continuous Delivery (CI/CD) cycle.
In the afternoon, I met my new programming pair partner for the week and together we started learning more about Amazon Web Services' many products. We created a new AWS account and followed the Amplify with React tutorial to create a full stack application with the AWS Amplify Comment Line Interface (CLI). We didn't have time today to add authentication to the app or deploy and host it but managed to get everything else done from the tutorial.
Link(s) to resources : Amplify with React Tutorial
Today's Progress : This afternoon we did group research projects on Nextjs, Gatsby, and Remix. Each programming pair was assigned one of the React frameworks to research. We later presented to groups who looked at the other two frameworks. My programming partner and I were assigned to research Remix. As part of our research we created a Remix project from scratch. Our group presentations at the end led to some interesting discussions about which framework was better to use depending on your needs.
In the morning I also solved a CodeWars kata with my programming pair partner for this week.
Link(s) to resources : Nextjs, Gatsby, and Remix
Today's Progress : Continuted watching Dave Grey's Node.js Tutorials on YouTube and writing the code along with the tutorial.
Link(s) to resources : Node.js Tutorials
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link(s) to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification. Also watched more of Dave Grey's Node.js Tutorial playlist on YouTube.
Link to work : JavaScript Algorithms and Data Structures Certification
Link to resources : Node.js Tutorials
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress :
This month at School of Code we have been put into teams of six people and tasked with designing a full stack web application which solves a real-world problem. The aim of this month-long project is to help us experience what it's like to be part of a real-life engineering team building a practical solution for our end users.
Today as a team we accomplished the following:
Key Principles from our Team Manifesto:
Thoughts:
Today was our first day back after a two-week holiday and the first thing we did was find out who our teammates are for this final project. I have only worked with one of my five teammates (pair programming) before but know some of them as we're in a larger 40 person group (A) on the bootcamp. I am very excited to about our team. They are all great people and we have huge potential.
Today's Progress :
Disney Ideation Method:
User Stories:
The Unique Selling Point (USP) of our app will be:
Now that we had agreed on an idea for our app we decided on a team name: Frugal Fanatics
Today's Progress : Today we began to define our Minimum Viable Product (MVP) and to design a basic low fidelity wireframe based on our requirements.
We also created a Market Research Survey on Google docs. I shared it on LinkedIn, Facebook, and on the School of Code Slack channels to gather as much feedback as possible.
Link to our survey : Frugal Fanatics Market Research Survey
Today's Progress :
We had 74 people complete our Market Research Survey! The results led us to quickly pivot our MVP based on the user feedback.
It showed that the vast majority of those surveyed have increased stress and anxiety as a result of the cost of living crisis. This led us to decide to add a component to the app which would help them, such as a mindfulness element.
Users also indicated that they were keen to have a budgeting tool as well as a tracker for their expenses and saving. However, not many indicated that they needed help with managing debt. So we decided to shelve the debt tracker for the time being.
Today we also finished our low fidelity wireframes.
Today's Progress :
We made final decisions on our Tech stack today, including using relational databases over non-relational. We also decided on our Git branching strategy (GitHub Flow) and practiced it using a practice repo. We will be protecting the main branch and deploying after every sprint. In addtion, we agreed on our colour scheme.
技术堆栈：
Colour Scheme:
Today's Progress :
We finally started coding today!
Team Rota:
Other work we did today as a team:
On the Front End:
On the Back End:
实体关系图
Today's Progress :
We merged all the front and back end branches this morning so we are moving forward on a uniform copy. With my pair partner for the day I set up the back end to include 3 models and 3 routes connected to the database tables on elephantSQL.
Today's front end teams:
Today's Progress : Today I was working with a different partner on the back end. We debugged and successfully tested GET requests for userRoutes, expensesRoutes, and savingsRoutes via Postman. We also successfully debugged and tested POST for userRoutes.
I drafted the README doc for our back end repo.
We also deployed the back end to Render: Users Table, Expenses Table, and Savings Table
Today's Progress : This morning, with my partner, I finished debugging and testing the back-end GET and POST requests for users, expenses and savings.
We then prepared our group presentation for our mid-month product demos which we showed in the afternoon to everyone in Group A (around 40 people). We received some helpful feedback from the coaches which we will bring into our planning next week.
Today's Progress : Worked on documenting our teams progress since we started, including taking screen shots and recoding videos which demonstrate our app as it is today.
Today's Progress : Today we discussed our goals for our next week-long sprint which starts today. Our top priority is to get the front and back end connected. Right now we have a fully funtional back end with GET and POST requests working. The front end is working too but with dummy data that's been hard coded.
My programming pair partner for today and I worked on cleaning up the code on the front end: breaking down the components into groups and updating the terminology to match the database. At the end of the day, we met as a team of six again and decided that tomorrow morning four of us will work together to agree upon how we want to connect the front and back end so we are not doing separate things (on the front and back end) that don't end up working together.
We are also considering at what stage we will implement authentication - at the start before completing the budget information form, or only after that form has been completed but before displaying the custom dashboard which is populated with data from the completed form.
Today's Progress : Last week, we created a custom Express.js server on the back end and built our front end using the Next.js React framework. We realised this week that there are some challenges with connecting these two. Therefore, today we explored some other options for the back end that would work better with Next.js, such as Supabase. Some of the features that Supabase offers are a Postgres database and authentication. It is also open-source. We spent today discussing, researching and experimenting to determine the best option to use. While I was doing this with a few of my teammates, two others from our group worked together to get the front end deployed on Netlify as well. When we divide and conquer we make great progress together as a team!
Link(s) to resources : Supabase
Today's Progress : Yesterday afternoon we created a test branch off our main front end branch and scaled it down to test whether we could get Supabase working with authentication and our simplified Next.js app. We managed to get it working so decided to go with Supabase + Next.js instead of elephantSQL and Express.js with Next.js. It was easy to quickly replicate our Postgres database in Supabase. Then we started refactoring our code on the front end using Supabase. It's been slow going as it's all new to us. Up to this point, the only authentication that we've learned in the bootcamp was how to use Auth0 as a login for a simple static site. Our app for this project, however, requires authentication and authorization when accessing the database and it's also a dynamic website.
We also spent time as a team today discussing how we can make our app fun and gamefied since that's one of our unique selling points. We have some great ideas which we hope to implement once we finish connecting the front and back ends.
Two of our team worked together today updating the front end to make it accessible. By the end of the day, Google's Lighthouse accessibility audit was showing all green with 100% ratings.
This evening I spent some time reading through documentation on Next.js and supabase so I have a better understanding of how they work. I feel more confident now going into tomorrow.
Tech Stack starting week 3
Accessibility - Lighthouse Audit
Today's Progress : Discussed our goals first thing this morning. Decided to make dark mode the default mode for our app as we all think it looks better (based on our high fidelity wireframes).
Then we split into two teams for the day. My team continued refactoring the code on our front end to add authentication with supabase. It was slow going but we made some good progress.
The second team worked on making the savings page of our app look more fun with icons and colors.
We also had the opportunity to hear from two companies that are hiring for roles that we can apply for when we finish the bootcamp. One of them is hosting a hackathon next week for potential applicants.令人兴奋！
High Fidelity Wireframe dark mode
Today's Progress : Today we agreed on the name of our app: frumo (short for frugal money).
My pairing partner and I started working on the dark mode version of our app. I enjoyed learning how to use Tailwind CSS for the first time.
We also prepared and gave a presentation to the coaches and other teams in Group A summarizing what we accomplished this week.
Sprint goals week 3 and accomplishments:
Savings page with features added to make it more fun:
Today's Progress : I spent most of today with my pairing partner updating the code so that our app runs by default in dark mode and the dark mode matches our high fidelity wireframe. It was a lot of grunt work but the end result looks good. It also helped me to get more familiar with the interworking of the code on the front end, Tailwindcss, and Figma. We also tried adding a celebration animation to the app for when a goal is achieved to make the app more fun.
Another pairing group from our team worked on the landing page. The third pairing group from our team continued working on the savings page.
At the end of today, the team decided that I should be the scrum leader for the rest of our time working together. I served as the scrum leader our first week and then we started changing to a new scrum leader every two days. Even though half the team initially weren't keen on being a scrum leader, we thought everyone should have the chance to lead because it would be a good experience. It was also interesting to see people's different leadership styles.
frumo app in dark mode:
Today's Progress :
As the scrum leader today, I ran the daily stand-up and end-of-the day retrospective. That evening, one of my teammates sent me a message which boosted my confidence.他们说，
“Hey Stephanie, I think you did a fantastic job leading the team today! You kept the stand-ups on point and I think we were a lot more clear and productive thanks to it!”
It was a surprise to receive their message and their encouraging words made my day.
We paired off into three teams today with tasks to complete. My partner and I worked on making the app responsive so that you can view it on mobile phones as well.
By Friday we have to prepare a short video introducing our project, create a new YouTube account for our team, and upload the video to this account. Therefore, I started preparing the PowerPoint presentation and embedding a demonstration video of our app into it.
Today's Progress :
I had a fun day today participating in my first hackathon for a potential employer. It's the first step to apply for a junior software developer role at this company. I was put in a group of four and we were given four hours to design and create a web app to promote sustainability to individuals and software development project teams. We also had to prepare and give a 5 minute presentation to a panel of interviewers from the company about our app.
Throughout the day, we were each pulled out at different times to meet one to one with someone from the company for a casual interview. I enjoyed my conversation with the person who interviewed me and learned a lot more about the company. All in all, it was a great experience. I had never worked with the three people in my group but we worked well together and the interviewers said that our presentation was really good.
Today's Progress :
Today was the last day to work on our app. It was a flurry of activity and stress but we got through it. The main things we worked on were:
Today's Progress :
Today we recorded our presentation and submitted it.您可以在这里查看：
Frugal Fanatics presentation
If you'd like to try out our app for yourself, check it out here: https://frumo.co.uk/
Celebrating the completion of our final project!
Today's Progress :
Today I took on a 6 kyu Shopping List kata on CodeWars. First, I wrote a plan in plain English. I did something differently today though. Once I'd written the plan, I worked backwards. I looked at the best solutions and then wrote code to solve it. I did it in steps, first writing the code to solve the simplest part of the kata. For the next step, I wrote the code to include any discounts and buy one get one free deals on the products. Throughout I wrote comments explaining each line of code. I did all of it in a private repo in js files and tested them in JS Console.
Link to resource : Codewars Shopping List kata (6kyu)
Today's Progress :
Continuing on from yesterday, today I wrote code to test the solutions that I wrote yesterday. I initialised a Node.js project and installed Jest as a dependency. Then I created the test files, wrote the tests, and ran the tests ( npm test ). Loved seeing those green pass test results!
Today's Progress : Today we worked on preparing and rehearsing our presentation for the School of Code demo day.
Today's Progress : I worked with one of my Frugal Fanatics teammates this morning to write some end to end tests to test our app using Cypress. It was really fun to explore testing with Cypress. We hadn't done it since week 6 of the 16 week bootcamp.
Today's Progress :
Today we shared our frumo app to the School Of Code's partner companies who are looking to hire talented junior developers. Our team had the chance to share our frumo app with 12 people from 9 different companies. Their responses blew me away! Here are a few quotes:
"Awesome idea"
"The best presentation I've seen all day. Very professional"
"Shout out to the gamification of savings"
"Amazing app"
"Awesome presentation"
“真的有用”
"Makes dealing with money more digestible for non-financial people"
"Looks fantastic"
“精彩的”
"The dashboard is beautiful"
"Really good looking app"
"Looks really impressive. Very professional."
My personal favourite quote for the day though was:
"Anyone can learn to code with enough time. How you work with people and your communication skills are much harder to learn."
It gives me high hopes as I continue learning how to code even after my days at the wonderful School Of Code are done. I am incredibly grateful to the School Of Code for choosing me, from among the 4000 applicants, to have the opportunity to attend their fantastic bootcamp. I have been stretched beyond measure and learned more than I ever thought possible these last four months. I can't wait to keep learning and coding!
