Skip to content

AmirrMahmoudi/TailwindShoeShopDemo

Repository files navigation

TailwindShoeShopDemo

Description

This project is an online shoe store built using React and Tailwind CSS. It's a practice project aimed at learning and developing programming skills.

Installation

To install this project, follow these steps:

git clone https://github.com/AmirrMahmoudi/TailwindShoeShopDemo.git
cd TailwindShoeShopDemo
npm install

Usage

To run this project in development mode, use the following command:

npm run dev

Scripts

This project includes the following scripts:

  • dev: Starts the development server.
  • build: Builds the project for production.
  • lint: Runs ESLint to find and fix potential problems in your JavaScript code.
  • preview: Serves the production build of your site for preview.

Dependencies

This project uses several dependencies:

  • react: A JavaScript library for building user interfaces.
  • react-dom: Serves as the entry point to the DOM and server renderers for React.
  • react-icons: An npm package that provides vector icons and social logos for your React applications.
  • tw-merge: A utility for merging Tailwind CSS classes.
  • @fontsource-variable/nunito-sans: The variable version of the Nunito Sans font.

Dev Dependencies

This project uses several development dependencies:

  • eslint: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
  • autoprefixer: A tool to parse CSS and add vendor prefixes to CSS rules.
  • postcss: A tool for transforming styles with JS plugins.
  • prettier: An opinionated code formatter.
  • tailwindcss: A utility-first CSS framework for rapidly building custom user interfaces.
  • vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
  • vite-plugin-svgr: A Vite plugin to convert SVGs into React components.

Contributing

If you want to contribute to this project, please submit a pull request.


Please note that this is just a basic structure and you can add more details to each section based on your project's specifics. Let me know if you need help with anything else! 😊