Pre-requisites
- Nodejs
Make sure to have the Node.js (opens in a new tab) installed & running on your machine. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than equal to 16.
- Yarn
Followed by yarn which is necessary to install, update or delete the needed node packages for the specific projects.
- React/Nextjs
As this codebase uses the Next Js framework, proper understanding and prior knowledge of _ React _ basics and fundamentals are required and also NextJs' routing and server components. For better understanding of React and NextJs we suggest you to once go through official documentation of React from ReactJS.org (opens in a new tab) along with NextJs from NextJS.org (opens in a new tab).
- Ant Design 5
For this codebase we chose Ant Design 5 to be its CSS framework. So prior knowledge of antd and its components followed by how the design and layouts pattern works is necessary.
- Redux Toolkit
As for the global state management tool we have chosen the newly introduced redux toolkit which hugely decreases the boilerplate necessary to implement redux into a project. So prior knowledge of redux and its flow structure is necessary.
- Axios
As for data fetching from backend we chose axios which is a package that helps you make HTTPRequests with ease. It also helps to intercept request and response and transform request and response data.For better understanding of how axios works you can go through the documentation of axios axios-http.com/ (opens in a new tab)
- Emotion
As for writing custom css we have used Emotion which is a library designed for writing CSS Javascript.We suggest you to go once through the documentation of emotion.sh/ (opens in a new tab)