=> Before you start:
-
I have already created all the folders which you will need during journey.
-
Make sure to import BASE_URL from apiConstants for making api calls with required endpoints eg: use axios.get(
${BASE_URL}/data
) for fetching data instead of using "http://localhost:8080/data" -
Dont use any other folder to make files if you are doing please inform the team members that you have created a folder with name.
-
I have already setup all the things related to
redux
,Chakra UI
andreact-router-dom
You guys have to just start developments. -
You will get all the routing files in
routes
folder. -
You can also use context-api if needed.
-
Use
components
folder for making components either in folder or without folder just be sure naming should not match with other folder/file to avoid collision -
Use
pages
folder to create all the pages -
Use
routes
folder to all the routing related stuffs -
Use
styles
folder to keep your all css files. -
Use
constants
folder to create all the constants (Helps you reducing hard-coding)(Most recommended)
=> Clone the directory to start work $git clone https://github.com/faisalinfinity/hilarious-sort-6480.git
=> Ok guys here are the some basic instruction before you start , If you are here you are successfully pulled the code and you are ready to type you first command in terminal.
Step-1- Navigate to proeject directory using $cd productify
Step-2- install node_modules using $cd npm install
=> Some basic requirements(Mandatory): 1- You have to work in daily branches manner, so you have to create new branch everyday . So you have make branch using your student_code followed the day in which you working. below is the eg for my branches.
- branch-naming style: fw21_XXXX_day-x
-for day-2 branch name should be: fw21_1003_day-2
-for day-3 branch name should be: fw21_1003_day-3
-for day-4 branch name should be: fw21_1003_day-4
-for day-5 branch name should be: fw21_1003_day-5
2- How to create branches:
- $git branch <branch-name> (without angle brackets)
3- How to switch branches:
-$git switch <branch-name> (without angle brackets)
4- How to pull:
-$git pull origin <branch-name> (without angle brackets)
=> Some helpful Tools during development :
- Chakra-UI - https://chakra-ui.com/
- Chakra-Templets - https://chakra-templates.dev/#
- String Builder - https://codebeautify.org/string-builder
- Chat-gpt - https://chat.openai.com/chat