Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baguilar6174/react-ts-rickandmorty-market
This project contains an application created with React and Typescript, it presents a simple marketplace using the Rick and Morty API.
https://github.com/baguilar6174/react-ts-rickandmorty-market
mui react redux rickandmortyapi typescript
Last synced: 27 days ago
JSON representation
This project contains an application created with React and Typescript, it presents a simple marketplace using the Rick and Morty API.
- Host: GitHub
- URL: https://github.com/baguilar6174/react-ts-rickandmorty-market
- Owner: baguilar6174
- Created: 2022-11-11T00:06:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-17T03:19:32.000Z (2 months ago)
- Last Synced: 2024-11-17T04:20:39.455Z (2 months ago)
- Topics: mui, react, redux, rickandmortyapi, typescript
- Language: TypeScript
- Homepage: https://rickandmorty-marketplace.vercel.app
- Size: 2.27 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rick y Morty Marketplace
This project contains a simple application created with React and Typescript, it presents a simple marketplace using the Rick and Morty API, the application integrates React concepts using Typescript, Material UI integration and customization, forms, redux, etc.
## Installation
Get code using
```
git clone https://github.com/baguilar6174/react-ts-marketplace-app.git
```
Step 2:
Install the necessary libraries (make sure you have node and yarn)
```
yarn
```
Step 3:
Runs the app in the development mode
```
yarn dev
```
Open [http://localhost:5173](http://localhost:5173) to view it in the browser.
## My process
### Built with
- Vite
- React JS 18
- Typescript
- Material UI
- React Router DOM
- Yup
- Formik
## What I learned
- SPA (Single Page Application)
- Context
- Custom Hooks
- Customize and using MUI
- Create pagination
- Form validation using YUP
- Create a simple shopping cart using redux
- Form validation with Formik
- React Lazy Load
## Rick y Morty Marketplace
## Stay in touch
- Website - [www.bryan-aguilar.com](https://www.bryan-aguilar.com/)
- Medium - [baguilar6174](https://baguilar6174.medium.com/)
- LinkedIn - [baguilar6174](https://www.linkedin.com/in/baguilar6174)