/team-carbon-olx-clone

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

Primary LanguageJavaScript

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.

OLX Logo

Login Credentials

User name: rajat@gmail.com

Password: user123

User name: kiran@gmail.com

Password: user123

User name: kapil@gmail.com

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.

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 to view the app in the browser.

JavaScript Style Guide

NPM Packages used

react React

react-dom React-dom

ant-design/icons @ant-design/icons

testing-library/jest-dom @testing-library/jest-dom

testing-library/react @testing-library/react

@testing-library/user-event @testing-library/user-event

antd antd

axios axios

firebase firebase

query-string query-string

react-elastic-carousel react-elastic-carousel

react-emoji react-emoji

react-icons react-icons

react-modal react-modal

react-redux react-redux

react-router-dom react-router-dom

react-scripts react-scripts

react-scroll-to-bottom react-scroll-to-bottom

react-use react-use

redux redux

redux-thunk redux-thunk

socket.io-client socket.io-client

styled-components styled-components

Hosted Platform

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

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

Technologies Used

HTML LogoHTML LogoJavascript LogoReact Logo

  HTML    CSS     Javascript   React

Snapshots from the Built Product

OLX Landing page
login Profile after login
OLX ad post success page
form Profile details in ad
chat running
detailed info search res

Learn More

This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.