Js Sneaks

Js Sneaks is an online thrifted shoe store designed to display the available shoes in the shop. While you cannot order directly from the store, you can browse through the collection of unique and stylish thrifted shoes.

Features

• Browse Shoes: View the current inventory of thrifted shoes.
• Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.

Tech Stack

Js Sneaks is built using the MERN stack:

• MongoDB: Database to store shoe inventory.
• Express: Backend framework for handling API requests.
• React: Frontend library for building user interfaces.
• Node.js: JavaScript runtime for server-side development.

Tools and Libraries

• Vite: Build tool for fast and optimized development.
• ESLint: Linter for identifying and fixing code issues.
• TailwindCSS: Utility-first CSS framework for styling.
• Nodemon: Tool for automatically restarting the server during development.

Available Scripts

In the project directory, you can run:

• npm run dev: Starts the development server.
• npm run build: Builds the app for production.
• npm run lint: Lints the codebase using ESLint.
• npm run preview: Previews the production build.

Dependencies

• @headlessui/react: UI components for building accessible user interfaces.
• @heroicons/react: Heroicons for React.
• @tailwindcss/aspect-ratio: Tailwind CSS plugin for aspect ratios.
• @tailwindcss/forms: Tailwind CSS plugin for styling forms.
• react: Library for building user interfaces.
• react-dom: React package for working with the DOM.
• react-responsive: Media query hooks for responsive design.
• react-router-dom: Router for React applications.

Dev Dependencies

• @types/react: TypeScript definitions for React.
• @types/react-dom: TypeScript definitions for React DOM.
• @vitejs/plugin-react: Vite plugin for React.
• autoprefixer: PostCSS plugin for adding vendor prefixes.
• eslint: Linter for JavaScript.
• eslint-plugin-react: ESLint plugin for React.
• eslint-plugin-react-hooks: ESLint plugin for React hooks.
• eslint-plugin-react-refresh: ESLint plugin for React Fast Refresh.
• postcss: Tool for transforming CSS with JavaScript.
• tailwindcss: Utility-first CSS framework.
• vite: Build tool for modern web development.