𝗦𝗲𝘁 𝘂𝗽 Local Development Environments

[CaelumD25]

Description

Everyone on frontend needs to have their frontend development setup and working using the CI/CD pipeline.

Here are some tasks to make sure we're ready to code

• [ ] Pick your IDE (I'll be sticking with Jetbrains, but I'm pretty sure everyone else likes VS Code)
• [ ] Install nodejs and npm
  • If you think you have them installed you can run node -v and npm -v
• [ ] Clone the repo Max will have set up for us and run npm install from inside the project directory
• [ ] Verify that Cypress is working by running npx cypress open within the project directory. Cypress's GUI should start.
• [ ] Once our CI/CD pipeline is setup, we will have to make sure it's running properly locally

relates: #26

Problem You're Trying to Solve

We need to be prepared for working on the code, this will make sure that we're all on a similar page.

Related External Resources

Familiarising yourself with the non-vanilla stack elements

Tool	Description	Quick Video Resource	Docs
Vite('veet')	JS bundler and React build tool	Vite in 100 Seconds	Vite docs
Axios	Easier replacement for fetch, HTTP client for React applications	Axios js tutorial in 120 seconds	Axios docs
Cypress	Testing framework for Web Apps	Cypress in 100 Seconds	Cypress docs
Typescript(TS)	JS but more fancy with 🎩 types	TypeScript in 100 Seconds	TypeScript Docs and TS for JS Programmers
Act	Local Github Actions Testing	Coding Short: Test Your Github Actions Locally with Act Quickest one I could find	Act docs