GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → coxato → mercadoabierto

coxato / mercadoabierto

Licence: MIT license
The Mercadolibre clone

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactnextjsmercadopagomercadolibrefullstack-javascriptcontext-apimercadoabierto

Projects that are alternatives of or similar to mercadoabierto

mercadopago
Gem to communicate with the MercadoPago API
Stars: ✭ 31 (+29.17%)
Mutual labels:  mercadopago, mercadolibre
django-mercadopago
⚠️ Deprecated. Use https://github.com/jazzband/django-payments/ instead.
Stars: ✭ 32 (+33.33%)
Mutual labels:  mercadopago, mercadolibre
cart-opencart
Mercado Pago's Official OpenCart 1 Plugin
Stars: ✭ 49 (+104.17%)
Mutual labels:  mercadopago
README-ecoleta
🎁 Três modelos de README com o Projeto criados para o blog da @Rocketseat 🚀
Stars: ✭ 179 (+645.83%)
Mutual labels:  context-api
Blog-React-Hook-Tutorial
This is a beginner tutorial for react hooks I have written in dev.to and Medium
Stars: ✭ 21 (-12.5%)
Mutual labels:  context-api
Test-Bank
Interview preparation and practice problems
Stars: ✭ 43 (+79.17%)
Mutual labels:  fullstack-javascript
twitch-project
A weekly stream in which I build a web application with Neo4j and Typescript
Stars: ✭ 78 (+225%)
Mutual labels:  fullstack-javascript
react-native-mercadopago-checkout
github.com/blackboxvision/react-native-mercadopago-px
Stars: ✭ 15 (-37.5%)
Mutual labels:  mercadopago
reactext
A devTool that allows for easy state management and tracking of Provider/Consumer relationships when using React's Context API
Stars: ✭ 12 (-50%)
Mutual labels:  context-api
react-hello-webapp
Professional Boilerplate for React Web Applications built by 4GeeksAcademy Students
Stars: ✭ 42 (+75%)
Mutual labels:  context-api
react-without-redux
React State Management without Redux
Stars: ✭ 33 (+37.5%)
Mutual labels:  context-api
MonsterJS
MonsterJS - a game for learning JavaScript DOM Selectors while playing!
Stars: ✭ 26 (+8.33%)
Mutual labels:  context-api
scroll-sync-react
A scroll syncing library for react that is up to date
Stars: ✭ 49 (+104.17%)
Mutual labels:  context-api
react-formular
This libraray is an experimental approach to bind forms and its inputs and editors together using the new React Context API. It aims to be fully customizable and composable. It´s only a set of Higher-Order-Components. Because of the decoupled nature, Middlewares makes it easy to build custom Validations, Security Guards and other data interceptors.
Stars: ✭ 43 (+79.17%)
Mutual labels:  context-api
react-passage
Link and Redirect to routes safely in your react applications 🌄
Stars: ✭ 61 (+154.17%)
Mutual labels:  context-api
mercadopago
A Ruby Object-oriented gem that facilitates the usage of Mercadopago's API.
Stars: ✭ 16 (-33.33%)
Mutual labels:  mercadopago
web-components-hooks-demo
web components hooks demo
Stars: ✭ 17 (-29.17%)
Mutual labels:  context-api
react-native-mercadopago-px
🚀 MercadoPago PX bridge for react-native
Stars: ✭ 87 (+262.5%)
Mutual labels:  mercadopago
cart-magento2
Mercado Pago's Official Magento 2 Plugin
Stars: ✭ 50 (+108.33%)
Mutual labels:  mercadopago
temperjs
State management for React, made simple.
Stars: ✭ 15 (-37.5%)
Mutual labels:  context-api
View All Similar Projects ➔

mercadoabierto logo

Mercadoabierto, the Mercadolibre clone

This project is a clone of mercadolibre website called by me as "mercadoabierto". It's one of the best clones out there.

Live project

see the project here: mercadoabierto

Why?

The purpose of this project was to practice what was learned in the nextjs and nodejs courses. Of course, you learn even more along the way than the courses teach, which is normal and reasonable.

Backend for this project

this is the backend repo

Installation

with yarn

yarn install

with npm

npm install

Firebase

This project only uses firebase cloud storage for store images. So you have to init a firebase project in https://console.firebase.google.com/ it's very simple. If you've never used firebase, no problem, I only use firebase to store images, nothing more. So you just have to start a project and copy a configuration file, it is not mandatory to have previous experience with firebase Here is a video to init a firebase project

If you want to know why I use firebase just for store images the answer is very simple: vercel does not allow save files, yep, that's it. I have this project (frontend and backend) in vercel

config.js

Once you have created a project in the firebase console, please open the file config.example.js (in the root directory) and rename it to config.js just fill the right data like your firebase configuration and the rest API url (in this case is something like http://localhost:5000/api)

Install backend server and run project

The last step is install the backend for this project Then:

  • In the backend root directory: yarn dev or npm run dev

  • In the frontend root directory (this repo) yarn dev or npm run dev

If you don't want to install anything and just want to see the project online just check it out https://mercadoabierto.vercel.app/

Contribution

If you want to add or modify something fork the repo and make a pull request, and if you see a bug, write an issue.

And if you want to give me a star, I appreciate it :)

TODO list

  • delete items in cart
  • use cookies instead localStorage
  • improve photo upload components
  • edit avatar in user's profile
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].