https://github.com/javadevbh/divar

Divar site
https://github.com/javadevbh/divar

access-token admin-panel authentication authorization otp-verification react-query reactjs refresh-token tailwindcss

Last synced: about 2 months ago
JSON representation

Divar site

• Host: GitHub
• URL: https://github.com/javadevbh/divar
• Owner: javadevbh
• Created: 2024-04-06T09:25:45.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-08T12:51:50.000Z (9 months ago)
• Last Synced: 2024-04-09T11:33:23.810Z (9 months ago)
• Topics: access-token, admin-panel, authentication, authorization, otp-verification, react-query, reactjs, refresh-token, tailwindcss
• Language: JavaScript
• Homepage: https://s8.uupload.ir/files/untitled_project_1hee.gif
• Size: 1.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



---

# Divar site.

## [review demo](https://s8.uupload.ir/files/untitled_project_1hee.gif)

---

## To run the project locally:

1.Download the files from current repository and install dependencies with `npm i`.Then run the project using `npm run dev`.

2.Download the files from [this repository](https://github.com/javadevbh/divar-api) and install dependencies with `npm i`.Then run the project using `npm start`.

Ensure both projects are running simultaneously by executing the commands in separate terminal windows.

---

## tips

* Single Page Application

* Authentication with OTP system: Users can securely authenticate using a one-time password (OTP) system.

* Login code sending to the backend like an SMS: Upon authentication, login codes are sent to the backend for verification, functioning similarly to SMS delivery.

* Authorization using access and refresh tokens: Access and refresh tokens are employed for authorization, ensuring secure access to system resources.

* Admin panel: An administrative interface is provided for managing system settings.

* Users can add posts, which are then added to the backend: Users have the capability to create and submit posts, with each post being stored in the backend database.

* Filtering posts by category: Posts can be filtered based on their assigned categories, facilitating efficient content navigation.

* Parsing filter queries from the URL: Filter queries embedded in the URL are parsed to dynamically refine post displays according to user preferences.

* Post details page

* Full responsiveness across mobile, tablet, laptop, and desktop devices

---

# web development technologies

## Front-End

* Reactjs

* React Query

* Tailwindcss

## Back-End

* Nodejs

* MongoDB

---

## contact me

* *[Email](mailto:[email protected])*

* *[Telegram](https://t.me/jav4d/)*

* *[Instagram](https://instagram.com/javaadbahrami/)*

* *[LinkedIn](https://www.linkedin.com/in/javad-bahrami-79b349259/)*