https://github.com/gioudi/react-node-ts-fake-free-store

I hope you are doing well. In this project, you can find a software solution that consumes the MercadoLibre API and displays a list of products based on the customer's search.
https://github.com/gioudi/react-node-ts-fake-free-store

express interfaces node react types typescript workflow

Last synced: 6 days ago
JSON representation

I hope you are doing well. In this project, you can find a software solution that consumes the MercadoLibre API and displays a list of products based on the customer's search.

• Host: GitHub
• URL: https://github.com/gioudi/react-node-ts-fake-free-store
• Owner: gioudi
• Created: 2024-03-15T23:29:44.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-22T19:38:33.000Z (8 months ago)
• Last Synced: 2024-03-22T22:01:00.271Z (8 months ago)
• Topics: express, interfaces, node, react, types, typescript, workflow
• Language: TypeScript
• Homepage: https://react-node-ts-fake-free-store.netlify.app
• Size: 1.22 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
# react-node-ts-fake-mercado-libre

Hi there!

I hope you are doing well. In this project, you can find a software solution that consumes the MercadoLibre API and displays a list of products based on the customer's search.

For the backend, I used Node.js and Express, besides for the frontend, I used React and Redux. As a developer always looking to improve the code quality, I have integrated TypeScript and ESLint as well.

##Demo

- [Demo](https://drive.google.com/file/d/1FgDtH0XzIJM6qc2bqMvwMgMXfBHUX0PY/view)

## Technologies 💻

- **Backend**: Node.js, Express, TypeScript, Eslint

- **Frontend**: React, TypeScript, Scss, Eslint

## Author

- **Sergio Penagos** 🔥

  - [LinkedIn](https://www.linkedin.com/in/analyst-sergio-penagos)

  - [GitHub](https://github.com/gioudi)

  - [GitHub2](https://github.com/SergioVass)

  - 

## Installation

1. Clone the repository: `git clone https://github.com/gioudi/react-node-ts-fake-free-store.git`

2. Navigate to the project directory: `cd react-node-ts-fake-free-store`

3. Install dependencies:

   - Backend: `cd backend && npm install`

   - Frontend: `cd frontend && npm install`

## Usage

1. Start the backend server: `cd backend && npm run build && node dist/index.js`

2. Start the frontend development server: `cd frontend && npm start`

## Screenshots

![Screenshot](https://github.com/gioudi/react-node-ts-fake-free-store/tree/main/assets/Image2.png)

![Screenshot](https://github.com/gioudi/react-node-ts-fake-free-store/tree/main/assets/Image2.png)

## Links

1. Netlify detected my project as phishing and dropped off :(, so I can not connect frontend and backend again until find a solution, instead of I invite you to download the project and follow installation steps 

- [Frontend](https://react-node-ts-fake-free-store.netlify.app/)

- [Backend](https://react-node-ts-fake-free-store.onrender.com/api/sites?q=pesas)

- [Backend](https://react-node-ts-fake-free-store.onrender.com/api/items/MLA1572309002)

## Versions 🚀

- Node.js: ^20

- Express: ^4.18.3

- Eslint: ^8.57.0

- TypeScript: ^4.9.5

- React: ^18.2.0

- Jest: ^5.17.0