Code Monkey home page Code Monkey logo

simple-react-ecommerce's Introduction

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.

Acknowledgements

  • Since this is a frontend only project, all the data have been collected from DummyJSON.
  • Special thanks to Tailwind Labs and Redux Toolkit for their amazing tools and documentation.

Contact

For any inquiries or feedback, feel free to contact me.

Happy coding! ๐Ÿš€

simple-react-ecommerce's People

Contributors

alim1496 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.