Skip to content

Latest commit

 

History

History
203 lines (148 loc) · 9.15 KB

README.md

File metadata and controls

203 lines (148 loc) · 9.15 KB
Raw

LinkedIn


Logo

React.js E-Commerce Store Project

This E-Commerce Store is a modern and user-friendly online shopping platform built using React and Vite. It offers a smooth and intuitive experience for users to browse, search, and purchase products. This project showcases the power of React and modern web development tools.
Explore the docs »

View Project ·

Getting Started with Create React App

This project was bootstrapped with Vite.

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run preview

Previews the production build locally.

See the section about deployment for more information.

Screenshots

My Orders

My Orders

Product Detail

Product Detail

Checkout Section

Checkout Section

(back to top)

Built With

React: A JavaScript library for building user interfaces.

  • useState: For managing local component state.
  • useEffect: For handling side effects, such as interacting with localStorage.
  • useMemo: For optimizing performance by memoizing expensive calculations and components.
  • React Context API: For managing global state across the application.

JavaScript (ES6+): Leveraging modern JavaScript features for cleaner and more efficient code.

  • Arrow Functions: For concise function expressions.
  • Template Literals: For easier string interpolation.
  • Destructuring Assignment: For extracting values from arrays and objects.
  • Spread and Rest Operators: For easier manipulation of arrays and objects.

API Consumption: This project consumes the FakeStore API to fetch product data.

  • FakeStore API: A free API for e-commerce platforms, providing realistic product data for development and* testing purposes.

This section should list any major frameworks/libraries used to bootstrap my project.

  • React
  • Javascript
  • HTML5
  • CSS3

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Felipe Murillo - @murilloaf - [email protected]

Project Link: https://github.com/afmurillo97/react-store

(back to top)

Acknowledgments

I'd like to express my gratitude to the following libraries and tools that have been instrumental in the development of TODO Machine:

  • React - A JavaScript library for building user interfaces.
  • React Router - Declarative routing for React applications.
  • Vite - Next Generation Frontend Tooling.
  • Tailwind CSS - A utility-first CSS framework for rapid UI development.
  • Heroicons - Beautiful, hand-crafted SVG icons.
  • React Icons - Include popular icons in your React projects easily.
  • ESLint - A tool for identifying and fixing problems in JavaScript code.
  • Prettier - An opinionated code formatter.
  • Webpack - A module bundler for JavaScript applications.

These resources have significantly contributed to the success and functionality of the E-Commerce Store project.

(back to top)