eCommerce Application 🛍️🌐

Overview:

Dice & Meeple is an innovative online platform designed to bring the joy of board gaming to enthusiasts of all ages and preferences. With a diverse collection of board games spanning various categories, from strategy and party games to cooperative and educational options, Dice & Meeple aims to be the ultimate destination for those seeking thrilling tabletop experiences.

Explore our extensive catalog of board games, spanning a multitude of categories and themes. With detailed descriptions and captivating visuals, each product page invites you to delve deeper into the world of tabletop adventure.

Using our intuitive navigation features, you can effortlessly browse through different sections, filter options, and sort through the selection to find the perfect game for your preferences and playstyle.

Once you've found your must-have games, simply add them to your virtual basket and proceed to our seamless checkout process.

Our application is responsive across various devices, ensuring that whether you're shopping on your desktop, laptop, or mobile device, you'll enjoy a visually stunning and user-friendly experience tailored to your screen size.

Key pages in the application include:

• Login and Registration: Securely access your account or create a new one to unlock exclusive benefits and personalized features. 🖥️
• Main Page: Dive into the heart of our platform, where you'll discover featured games, promotions. 🏠
• Catalog Product page: Explore our diverse collection of board games, complete with comprehensive details and immersive visuals. 📋
• Detailed Product page: Delve deeper into individual games, where you'll find in-depth descriptions, reviews, and recommendations. 🔎
• User Profile page: Manage your account settings and personalize your gaming experience. 👤
• Basket page: Review and manage your selected items before proceeding to checkout. 🛒
• About Us page: Learn more about our mission, values, and commitment to delivering the ultimate board gaming experience. 🙋‍♂️🙋‍♀️

Purpose:

The purpose of Dice & Meeple is to provide a convenient and immersive shopping experience for board game aficionados. Whether you're a seasoned gamer looking for your next challenge or a newcomer eager to explore the world of tabletop gaming, our platform caters to your needs. By offering a curated selection of high-quality games, along with informative resources and personalized recommendations, we strive to foster a vibrant community of players and promote the social, cognitive, and entertainment benefits of board gaming.

Technology stack:

• HTML5: Used for structuring the project's web pages.
• SCSS: Utilized for styling the project's user interface, providing a more organized and maintainable approach to CSS.
• TypeScript: A statically typed superset of JavaScript, enhancing code quality and developer productivity.
• Webpack: A module bundler used to bundle JavaScript files for usage in a browser, along with other assets such as stylesheets and images.
• ESLint: A tool for identifying and reporting on patterns found in JavaScript/TypeScript code, ensuring consistent code style and detecting potential errors.
• Prettier: A code formatter that helps maintain consistent code style across the project, improving readability and reducing code review friction.
• Husky: A tool used for adding Git hooks to the project, allowing for automated tasks to be executed before commits are made, such as code formatting and linting.
• Jest: A JavaScript testing framework used for unit testing the project's codebase, ensuring functionality and reliability.
• npm: The package manager for JavaScript, used for managing project dependencies and running scripts.

Installation:

• Clone the repository: git clone https://github.com/vadim-mg/eCommerce-Application
• Install dependencies: npm install
• Start the development server: npm start

Available Scripts

test

npm run test

Runs the project's test suite.

build:prod

npm run build:prod

Builds the project for production environment using webpack.

build:dev

npm run build:dev

Builds the project for development environment using webpack.

start

npm run start

Starts the development server using webpack.

format

npm run format

Formats all files in the project using Prettier.

ci:format

npm run ci:format

Checks if all files are formatted correctly using Prettier.

lint

npm run lint

Lints all TypeScript files in the src directory using ESLint.

prepare

npm run prepare

Runs Husky's prepare script.

Deploy on netlify:

https://codejuggling-dice-and-meeple.netlify.app

manual deploy:

• npm run build:prod
• Deploys on netlify - upload dist directory
• check work by link

CD in future: