This project is a clone of mercadolibre website called by me as "mercadoabierto". It's one of the best clones out there.
see the project here: mercadoabierto
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.
this is the backend repo
with yarn
yarn install
with npm
npm install
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
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)
The last step is install the backend for this project Then:
-
In the backend root directory:
yarn devornpm run dev -
In the frontend root directory (this repo)
yarn devornpm 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/
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 :)
- delete items in cart
- use cookies instead localStorage
- improve photo upload components
- edit avatar in user's profile