npm install: Installs all the dependencies needed for the frontend part of the app
npm start: Runs only the front-end client.
npm test: Will run the tests for front-end
npm run build: Will create a build file for front-end
URL: The url of the hosted website
React is the current industry standard that offers a lot of out of the box benefits. It is fast, efficient, and scalable. Due to the large community, finding solutions to potential problems and reference material is much easier, even for a potential dev without a lot of experience who would like to contribute to Main Course. | View Dependency
Simply put, Redux is a state management tool. While it’s mostly used with React, it can be used with any other JavaScript framework or library. It is lightweight at 2KB (including dependencies), so you don’t have to worry about it making your application’s asset size bigger. With Redux, the state of your application is kept in a store, and each component can access any state that it needs from this store. | Redux Official Website
Has a large community and offers the ability to directly style multiple components within a file. The syntax used is familiar to JavaScript and improves code cleanliness and makes it easy to get up and going for those without a lot of css experience. Styled components are also very efficient, improving load time for users. | View Dependency
Declarative routing for React. Helps in the Routing of our application. | View Dependency
The query-string package helps in objectifying the query parameters in our react application. | View Dependency
React-Toastify allow you to add notification to your app with ease. | View Dependency
Axios is designed to handle http requests and responses. Axios deals with responses using Promises, so it's streamlined and easy to use in our code. Axios uses methods like get() and post() that perform http GET and POST requests for retrieving or creating resources. View Dependency
Redux Thunk is a middleware that lets you call action creators that return a function instead of an action object. That function receives the store’s dispatch method, which is then used to dispatch regular synchronous actions inside the body of the function once the asynchronous operations have completed. View Dependency
This dependency allows us to add dialogs to out app for lightboxes, user notifications, or completely custom content. View Dependency
It is used for authenticating users. View Dependency
Redux persist is a library allowing to save the redux store in the local storage of your browser. View Dependency
Formik is a small library that helps you with the 3 most annoying parts: Getting values in and out of form state. Validation and error messages. Handling form submission. View Dependency
This is a light-weight, easy to use synchronous Axios mock for unit testing with Jest. View Dependency
Yup is a JavaScript object schema validator and object parser. View Dependency
jest-dom is a companion library for React Testing Library that provides custom DOM element matchers for Jest npm install --save-dev @testing-library/jest-dom. View Dependency
user-event tries to simulate the real events that would happen in the browser as the user interacts with it. View Dependency
Simple and complete React DOM testing utilities that encourage good testing practices. View Dependency
Firebase gives you functionality like analytics, databases, messaging and crash reporting so you can move quickly and focus on your users. Backed by Google, trusted by top apps Firebase is built on Google infrastructure and scales automatically, for even the largest apps. One platform, with products that work better together View Dependency
This is a JavaScript module that can be used to include Google Analytics tracking code in a website or app that uses React for its front-end codebase.View Dependency
Eslint is the dominant linting tool for NodeJS and it makes it possible to establish a clear coding convention for a team or project, as well as aiding in catching various bugs such as variables improperly scoped. | View Dependency
Husky can prevent bad git commit, git push and more 🐶 woof! View Dependency
Run linters against staged git files and don't let 💩 slip into your code base! View Dependency
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. View Dependency