WTWR Project Series

Project 10 - Introduction to React.js:

Overview:

• Intro
• Features
• Links

Intro:

This is the first of two segments that entails front-end development for the WTWR project series. It is available upon completing Sprint 10 (on "Introduction to React.js") of the Software Engineering bootcamp at TripleTen.

This project entailed an introduction to tools like React.js, Vite, NPM, as well as techniques like Components and Hooks. This introduction led to creating a new website for the WTWR series of projects.

Features:

• React.js
• Vite
• NPM
• Components
• Hooks

Links:

• Link to the project design on Figma: [https://www.figma.com/design/F03bTb81Pw8IDPj5Y9rc5i/Sprint-10-%7C-WTWR?node-id=311-433&p=f&t=vthtxzUYcexEmeuk-0]

• Link to the project on GH Pages: [https://github.com/aralmariv1207/se_project_aroundtheus.git]

Project 11 - React Routing and State Management:

Overview:

• Intro
• Features
• Links

Intro:

This is the second (and last) of two segments that entails front-end development for the WTWR project series. It is available upon completing Sprint 11 (on "React Routing and State Management") of the Software Engineering bootcamp at TripleTen.

This project entailed building on the work done in Project 10 by employing advanced React techniques such as Routers. In addition, Project 11 entailed making use of db.json for the server-side management of the WTWR website.

Features:

• Advanced React
• Routers
• db.json

Links:

• Link to the project design on Figma: [https://www.figma.com/design/dQLJwEKasIdspciJAJrCaf/Sprint-11_-WTWR?node-id=311-433&p=f&t=Q4P8wDynQ7gVDHvX-0]

• Link to the project on GH Pages: [https://github.com/aralmariv1207/se_project_aroundtheus.git]

---

Project 14 - Front-End Authorization:

Overview:

• Intro
• Features
• Links

Intro:

• Project 14 of the WTWR Series was my first ever full-stack one in that it taught me to connect both the front-end and the back-end aspects of it.

• Also, it introduced me to several cybersecurity concepts as they pertain to Web Application Security.

Features:

• Fron-End Authentication with React
• Web Application Security

Links:

• Link to the project design on Figma: [(https://www.figma.com/file/bfVOvqlLmoKZ5lpro8WWBe/Sprint-14_-WTWR?t=3hvVWRz9LUFsxyNn-6)]

• Link to the project on GH Pages:

• • Front-End: [(https://github.com/aralmariv1207/se_project_react.git)]
• • Back-End: [(https://github.com/aralmariv1207/se_project_express.git)]

---

Project 15 - Automated Testing and Cloud Deployment:

Overview:

• Intro
• Features
• Links

Intro:

• Not only was Project 15 the final one of the WTWR Series, but it also expanded on the interplay between Backend and Frontend, as far as Full-Stack Software Engineering goes.

• Moreover, it taught me about both Automated Testing and Advanced Middleware, with the latter being instrumental to understanding Cybersecurity.

• Thanks to Project 15, I was introduced to the work of Cloud Deployment by way of Google Cloud.

• I am confident that learning about Google Cloud will serve as a foundation to learning about AWS.

Features:

• Automated Testing
• Advanced Middleware
• Deploying and Hosting in the Cloud

Links:

• Links to the WTWR project on GH Pages:

• • Front-End: [(https://github.com/aralmariv1207/se_project_react.git)]
• • Back-End: [(https://github.com/aralmariv1207/se_project_express.git)]

• Links to the main domain and the web subdomain:

• • Main domain: [(wtwr.redthreadclothing.com)]
• • Web subdomain: [(www.wtwr.redthreadclothing.com)]