Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kiranjolisa/team-carbon-olx-clone

This project depicts frontend clone of the famous online marketplace website olx.in
https://github.com/kiranjolisa/team-carbon-olx-clone

css html javascript json-server react redux redux-thunk rest-api socket-io

Last synced: about 1 month ago
JSON representation

This project depicts frontend clone of the famous online marketplace website olx.in

Host: GitHub
URL: https://github.com/kiranjolisa/team-carbon-olx-clone
Owner: kiranjolisa
Created: 2021-06-08T13:35:09.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-12-08T12:23:33.000Z (about 2 years ago)
Last Synced: 2023-09-05T14:22:23.249Z (over 1 year ago)
Topics: css, html, javascript, json-server, react, redux, redux-thunk, rest-api, socket-io
Language: JavaScript
Homepage:
Size: 1.19 MB
Stars: 5
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # OLX - Website Clone - Team Carbon Project Work

> OLX the abbreviated form of OnLine eXchange is an online marketplace company for buying and selling services and goods such as electronics, fashion items, furniture, household goods, cars and bikes. In 2014, the platform reportedly had 11 billion page views, 200 million monthly active users, 25 million listings, and 8.5 million transactions per month.



### Login Credentials

### User name: [email protected]

### Password: user123

### User name: [email protected]

### Password: user123

### User name: [email protected]

### Password: user123

## Installing and Running

> Executing the commands mentioned below one by one in your command line will help in making this React app up and running on your system in the development mode.

> 

> ```bash

> git clone https://github.com/kiranjolisa/team-carbon-olx-clone.git

> cd ./team-carbon-olx-clone

> npm install

> npm start

> ```

> After entering the commands mentioned above, open [http://localhost:3000](http://localhost:3000) to view the app in the browser.

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## NPM Packages used 

> ### react ![React](https://img.shields.io/npm/v/react.svg)

> ### react-dom ![React-dom](https://img.shields.io/npm/v/react-dom.svg)

> ### ant-design/icons ![@ant-design/icons](https://img.shields.io/npm/v/@ant-design/icons.svg)

> ### testing-library/jest-dom ![@testing-library/jest-dom](https://img.shields.io/npm/v/@testing-library/jest-dom.svg)

> ### testing-library/react ![@testing-library/react](https://img.shields.io/npm/v/@testing-library/react.svg)

> ### @testing-library/user-event ![@testing-library/user-event](https://img.shields.io/npm/v/@testing-library/user-event.svg)

> ### antd ![antd](https://img.shields.io/npm/v/antd.svg)

> ### axios ![axios](https://img.shields.io/npm/v/axios.svg)

> ### firebase ![firebase](https://img.shields.io/npm/v/firebase.svg)

> ### query-string ![query-string](https://img.shields.io/npm/v/query-string.svg)

> ### react-elastic-carousel ![react-elastic-carousel](https://img.shields.io/npm/v/react-elastic-carousel.svg)

> ### react-emoji ![react-emoji](https://img.shields.io/npm/v/react-emoji.svg)

> ### react-icons ![react-icons](https://img.shields.io/npm/v/react-icons.svg)

> ### react-modal ![react-modal](https://img.shields.io/npm/v/react-modal.svg)

> ### react-redux ![react-redux](https://img.shields.io/npm/v/react-redux.svg)

> ### react-router-dom ![react-router-dom](https://img.shields.io/npm/v/react-router-dom.svg)

> ### react-scripts ![react-scripts](https://img.shields.io/npm/v/react-scripts.svg)

> ### react-scroll-to-bottom ![react-scroll-to-bottom](https://img.shields.io/npm/v/react-scroll-to-bottom.svg)

> ### react-use ![react-use](https://img.shields.io/npm/v/react-use.svg)

> ### redux ![redux](https://img.shields.io/npm/v/redux.svg)

> ### redux-thunk ![redux-thunk](https://img.shields.io/npm/v/redux-thunk.svg)

> ### socket.io-client ![socket.io-client](https://img.shields.io/npm/v/socket.io-client.svg)

> ### styled-components ![styled-components](https://img.shields.io/npm/v/styled-components.svg)

## Hosted Platform

> Backend hosted at https://olx-chat-backend.herokuapp.com/

> 

> Frontend hosted at https://olx-clone-swart.vercel.app

## Technologies Used

> 

>   

>   

>   

> ##   HTML    CSS     Javascript   React

## Snapshots from the Built Product

> 

> 

> 

> 

> 

> 

> 

> 

> 

## Learn More

> This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

> You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

> To learn React, check out the [React documentation](https://reactjs.org/).