/pokemon-ecommerce-clone

A mini e-commerce made mainly with react

Primary LanguageJavaScriptMIT LicenseMIT

pokemon-ecommerce-clone

A mini e-commerce made mainly with react

Active deployments

Info

Inspired by the official pokemon site (Spanish version) (Project for educational purposes only!!!)

Some modifications were made to it to fulfill the purpose of being an e-commerce, it is not identical, but several classes of the original are used

The most current changes are in the develop branch, the responsive design still needs to be done

The Morfi SPA


How to open/run the project

(This is assuming that you know how to handle the console of your operating system and want to test the project on your own, if you do not want to download anything you can see it in the link that appears at the beginning of the description - Vercel deploy)

1 - Have Node.js installed (I recommend installing the LTS - Long Term Support)

2 - Clone the repository, you can use the following command:
git clone https://github.com/enzoarguello512/pokemon-ecommerce-clone.git

3 - Navigate to the folder that was cloned and install the dependencies with npm install

4 - When the dependencies have finished installing/downloading, run the following command npm start

5 - And voila!, If a new window does not open automatically, you can try going to the default port that is usually hosted at http://localhost:3000/


Packages/dependencies used:

To the packages that CRA (Create React App) already includes, the following are added:

  • popperjs - works as a helper for bootstrap (mostly javascript)
  • bootstrap - to speed up website design (mostly css)
  • firebase - to be able to communicate with the remote server
  • prop-types - new module for handling react properties
  • react-router-dom - to manage the routing of our page maintaining a SPA (single page application)
  • react-slick - carousels with react (port of slick)
  • slick-carousel - required for react-slick
  • react-tooltip - more customizable alternative to bootstrap tooltips

Credits