To-Do:

• Format the code appropriately
• Establish a proxy server
• Develop two functions for handling input data

To-Do:

• design UI page for listing

To-Do:

• create 'routes' folder inside 'api' folder
• create 'controllers' folder inside 'api' folder
• create user.controller.js
• create user.route.js
• configure these new files

To-Do:

• install cookie-parser package
• create api route

To-Do:

• In auth.controller.js create a signin function with bycript and validation.

To-Do:

• create listing model
• create listing route
• create listing controller
• test

To-Do:

• install redux-persist

To-Do:

• delete user's cookie before delete the user
• create route
• create and implement DeleteUserStart, DeleteUserSuccess and DeleteUserFailure functions

To-Do:

• create private route for profile page

To-Do:

• create a sign in UI
• connect server and frontend
• test it in inspect - console, network
• make it functional

To-Do:

• create need labels for entry information: email, username and password
• buttons for updating profile, delete account and sign out

To-Do:

• Create a profile on the Insomnia API development platform.
• Download the Insomnia application.
• Generate a POST request and conduct testing.
• Verify in the online database whether the entry exists.
• Implement password hashing.
• Conduct comprehensive testing.

To-Do:

• delete user's cookie before sign out the user
• create route
• implement signOutUserStart, signOutUserSuccess, and signOutUserFailure functions

To-Do:

• create sign up page in document client/src/pages/SignUp.jsx

To-Do:

• Create a 'components' folder

To-Do:

• modify client/src/pages/Signin.jsx
• create and establish redux toolkit

To-Do:

• Create a 'pages' folder
• Install React Router Dom
• Establish routes

Process:

Within client\src directory, a 'pages' folder was created. Files such as 'About.jsx', 'Signin.jsx', 'Signout.jsx', 'Profile.jsx' and 'Home.jsx' were generated witihin this folder using 'rfc' command. The react-router-dom package was installed to facilitate route creation with the command npm i react-router-dom.

In 'App.jsx,' the following line was imported at the top: import { BrowserRouter, Routes, Route } from "react-router-dom"; Then, within the return section, the following lines were imported:

return

<Route path="/" element={}/>
<Route path="/sign-in" element={}/>
<Route path="/sign-out" element={}/>
<Route path="/about" element={}/>
<Route path="/profile" element={}/>

It was ensured that elements were imported from their respective modules.

The final result:

To-Do:

1. Create a folder named "ModernRealEstateMarketplace."
2. Open the folder using Visual Studio Code.
3. Install ReactJS using Vite.

Process:
In the terminal, execute the command npm create vite@latest client. The term "client" refers to the folder where React will be installed. Choose React with JavaScript and SWC. This command generates the "client" folder with all necessary React files and folders. Move into the client folder with the commands cd client and npm i to install development dependencies.

Next, install Tailwind CSS with Vite using the command found at https://tailwindcss.com/docs/guides/vite, which, in this case, is npm install -D tailwindcss postcss autoprefixer. Initialize configuration files with npx tailwindcss init -p. Edit the tailwind.config.js file by replacing its contents with code from the provided link. Remove unnecessary files related to TailwindCSS:

• client\src\App.css
• client\public\vite.svg
• client\src\assets\react.svg.

In client\src\App.jsx, delete the existing code, enter 'rfc', and press Enter. Install the 'ES7 + React/Redux/React-Native snippets' extension for proper suggestion display. Additional extensions installed include 'Auto Rename Tag,' 'Console Ninja,' 'GitHub Copilot,' 'Prettier Code formatter,' and 'GitHub copilot chat.'

To run the application, use npm run dev. Follow the link provided in the terminal to view the code on localhost. Stop the terminal with Control+C. Commit each step to the GitHub repository with the following commands:

• git init
• git add .
• git commit -m "Install React js and Tailwind CSS and create the first template"

Create a GitHub repository, then clone it with:

• git remote add origin https://github.com/BosneviNedzma/MERN---Estate-.git
• git branch -M main
• git push -u origin main
  This completes the initial setup, and the project is now pushed to GitHub.

To-Do:

• create a profile on MongoDB Atlas
• create a new project on it
• create a new database
• set up configuration for database in api/index.js file
• create environment variable in .env file
• add .env in .gitignore

To-Do:

• create a input part for images
• add rules in the firebase that user can only input images, not all type of files

To-Do:

• create a 'api' folder
• initialize JSON packages and Express framework

To-Do:

• create 'models' folder inside api folder
• create user schema

To-Do:

• create Google authentication account
• install Firebase