Metro Market Renaissance: Next.js, React, Tailwind CSS

Introduction

metro-market-renaissance is a modern rework of the Metro Market online shopping platform, rebuilt using cutting-edge web technologies including React, Next.js, and Tailwind CSS.

Technology Stack

This project is built with the following technologies:

• React: A JavaScript library for building user interfaces.
• Next.js: A React framework for production, enabling React-based web applications functions such as server-side rendering and generating static websites.
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
• Swiper: A powerful and modern slider toolkit designed for touch sliders.

Dependencies

• @heroicons/react: A set of free MIT-licensed high-quality SVG icons for UI development.
• next: The React framework for production.
• react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
• react-dom: This package serves as the entry point of the DOM-related rendering paths.
• swiper: A powerful and modern slider toolkit.

Development Dependencies

• @types/node, @types/react, @types/react-dom: TypeScript definitions for Node.js, React, and React DOM.
• eslint, eslint-config-next: Pluggable JavaScript linter and specific configurations for Next.js.
• postcss: A tool for transforming CSS with JavaScript.
• tailwindcss: A utility-first CSS framework for rapidly building custom user interfaces.
• typescript: A superset of JavaScript that compiles to clean JavaScript output.

Installation

To get started with metro-market-renaissance, clone the repository and install the dependencies:

git clone https://github.com/borakilicoglu/metro-market-renaissance.git
cd metro-market-renaissance
npm install