https://github.com/alim1496/simple-react-ecommerce

A simple ecommerce demo project developed with react, typescript & tailwind
https://github.com/alim1496/simple-react-ecommerce

cypress ecommerce ecommerce-application ecommerce-website react-redux reactjs redux redux-toolkit tailwindcss typescript vite

Last synced: 2 days ago
JSON representation

A simple ecommerce demo project developed with react, typescript & tailwind

• Host: GitHub
• URL: https://github.com/alim1496/simple-react-ecommerce
• Owner: alim1496
• License: mit
• Created: 2024-02-07T21:46:56.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-05-22T20:23:11.000Z (6 months ago)
• Last Synced: 2024-05-23T07:52:35.107Z (6 months ago)
• Topics: cypress, ecommerce, ecommerce-application, ecommerce-website, react-redux, reactjs, redux, redux-toolkit, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://shopify-xrh7.onrender.com/
• Size: 3.16 MB
• Stars: 28
• Watchers: 1
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Shopify - a simple eCommerce app

Welcome to my E-commerce App! This project is a dummy e-commerce application built using React, Tailwind CSS, Vite, TypeScript, and Redux Toolkit. It aims to showcase various features commonly found in e-commerce platforms, including a homepage, product listing page, cart functionality, and user-authenticated pages like account and wishlist.

## Features

- **Homepage:** Introduce users to your e-commerce platform with attractive banners, featured products, and navigation options.

- **Product Page:** Display a catalog of products with detailed information, including images, descriptions, and pricing.

- **Cart:** Allow users to add products to their cart, view cart contents, and proceed to checkout.

- **User Authentication:** Enable users to create accounts, log in, and access personalized features like wishlists and account settings.

- **Wishlist:** Allow users to save products they're interested in for future reference.

## Technologies Used

- **React:** A popular JavaScript library for building user interfaces.

- **Tailwind CSS:** A utility-first CSS framework for building custom designs quickly.

- **Vite:** A modern build tool that serves your code via native ES Module imports during development for faster performance.

- **TypeScript:** A statically typed superset of JavaScript that enhances code quality and developer productivity.

- **Redux Toolkit:** A simplified state management library for managing application state efficiently.

- **Cypress:** A next-generation front-end testing tool designed for the modern web.

## Getting Started

1. Clone this repository to your local machine.

2. Install dependencies using `npm install` or `yarn install`.

3. Start the development server using `npm run dev` or `yarn dev`.

4. Open your browser and navigate to `http://localhost:5173` to view the application.

## Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.

2. Create a new branch (`git checkout -b feature/your-feature-name`).

3. Make your changes and commit them (`git commit -am 'Add new feature'`).

4. Push to the branch (`git push origin feature/your-feature-name`).

5. Open a pull request.

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgements

- Since this is a frontend only project, all the data have been collected from [DummyJSON](https://dummyjson.com/).

- Special thanks to [Tailwind Labs](https://tailwindcss.com/) and [Redux Toolkit](https://redux-toolkit.js.org/) for their amazing tools and documentation.

## Contact

For any inquiries or feedback, feel free to contact [me](mailto:[email protected]).

Happy coding! 🚀