Skip to content

An Etsy Clone Angular Marketplace responsive website demonstrating CometChat integration

Notifications You must be signed in to change notification settings

wizlee/angular-marketplace

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Marketplace Site With Angular (Etsy/Amazon Clone)

Read the full tutorial here:

https://dev.to/wizlee/how-to-build-a-marketplace-with-angular-etsy-clone-1oae

This example shows a marketplace app which allows buyers and sellers to chat with each other:

Desktop Browser View


Mobile View

Technology

This demo uses:

  • CometChat Pro Angular 2.2.1
  • Angular Version 11
  • Node JS Version higher than 10

Running the demo

To run the demo follow these steps:

  1. Head to CometChat Pro and create an account
  2. From the dashboard, create a new app called "Angular Marketplace" as shown below:
  3. Once created, go into your app and you will be presented a quick start page as below. Take note of the APP ID, Region and Auth Key values.
  4. Download the repository here or by running git clone https://github.com/wizlee/angular-marketplace.git.
  5. To run the final end result of this Etsy Angular Marketplace website, first change directory into angular-marketplace/angular-marketplace-final folder.
  6. Open the folder in VS Code or any other modern text editor.
  7. Open the angular-marketplace-final/src/CONSTS.ts file. Replace the placeholder values with the the APP ID, Region and Auth Key values.
  8. Run the app by running npm install followed by npm start.
  9. For more details, please refer to the full tutorial.

Useful links

About

An Etsy Clone Angular Marketplace responsive website demonstrating CometChat integration

Topics

Resources

Stars

Watchers

Forks

Packages