Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maxjdev/ecommerce-with-react-typescript-styled_components
Ecommerce using React, Typescript, Redux, Styled-Components, HTML, CSS, Eslint, Prettier
https://github.com/maxjdev/ecommerce-with-react-typescript-styled_components
eslint npm prettier react redux redux-toolkit styled-components typescript
Last synced: about 1 month ago
JSON representation
Ecommerce using React, Typescript, Redux, Styled-Components, HTML, CSS, Eslint, Prettier
- Host: GitHub
- URL: https://github.com/maxjdev/ecommerce-with-react-typescript-styled_components
- Owner: maxjdev
- Created: 2024-01-10T21:30:59.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-21T21:43:58.000Z (11 months ago)
- Last Synced: 2024-11-09T03:19:23.720Z (about 1 month ago)
- Topics: eslint, npm, prettier, react, redux, redux-toolkit, styled-components, typescript
- Language: TypeScript
- Homepage: https://ebac-front-e-food.vercel.app
- Size: 2.51 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Ecommerce Bella Tavola Italiana using React, Redux, Typescript, Fetch and Styled-Components Deploy
### Techs Used
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)### Image
[![screencapture-ebac-front-e-food-vercel-app-2024-01-21-18-33-44.png](https://i.postimg.cc/FHxxmR6f/screencapture-ebac-front-e-food-vercel-app-2024-01-21-18-33-44.png)](https://postimg.cc/FY7SV9Nm)## Description
Italian food e-commerce using React, Redux and TypeScript. Each part of the project was componentized into an organized structure. The application dynamically consumes data from an API using fetch, ensuring an up-to-date experience.
Styling was done with styled-components, and responsiveness is ensured with HTML and CSS. To keep the code clean, I used ESLint and Prettier. Explore this project that integrates modern technologies to create an efficient and responsive online shopping platform.## How to Start the Project
- **Clone the repository:**
```bash
git clone https://github.com/your-username/repository-name.git
```
- **Open the project directory:**
```bash
cd repository-name
```
- **Install project dependencies:**
```bash
npm install
```
- **Start:**
```bash
npm start
```## Contributing
We welcome and appreciate your contributions to this project! Whether you have suggestions, bug fixes, or new features you'd like to add, please feel free to fork this repository.
### How to Contribute
1. Fork the project.
2. Create a branch for your contribution: `git checkout -b my-contribution`.
3. Make your changes and commit: `git commit -m 'Add my contribution'`.
4. Push to your branch: `git push origin my-contribution`.
5. Open a pull request for review.## Feedback and Issues
If you have contributions, suggestions, or feedback, feel free to open an issue.