Kiddo Kingdom

Overview

Welcome to our Kiddo Kingdom 🧸🏰 the magical eCommerce application for children's toys. From educational puzzles to adventurous playsets, Kiddo Kingdom🧸 offers a wide range of toys that inspire creativity, learning, and endless fun! Our online store provides a seamless shopping experience, catering to kids and parents alike. Our user-friendly platform makes shopping for toys a breeze, offering quality products that inspire creativity, learning, and lots of fun!

• Mission☝️
• Features 📘
• Technology Stack 💻
• Setting up and running locally 🛠️
• Available Scripts 📝
• Contact 📧

Mission ☝️

At Kiddo Kingdom, we believe in the boundless magic🪄 of childhood and the transformative power of play. Our mission is to nurture imagination, curiosity, and joy in children by providing a vast kingdom of high-quality toys.

We strive to make toy shopping 🛍 an exciting and delightful experience for families, offering a carefully curated selection that encourages creative exploration and personal growth. Safety, quality, and ethical sourcing are the pillars of our commitment, ensuring that every toy in our kingdom brings entertainment and enrichment.

Our user-friendly eCommerce platform is designed with parents and kids in mind, providing an engaging, secure, and hassle-free shopping journey. We aspire to be a trusted partner in building happy memories, supporting families in their quest for the perfect toy that sparks creativity and fun.

At Kiddo Kingdom, every toy is a treasure, every smile is a success, and every child is a king🤴 or queen👸 of their magical realm 🏜 Welcome to Kiddo Kingdom 🧸🏰, where imagination reigns supreme!

Features 📘

🎨 Responsive Design: A seamless shopping experience across all devices, including mobile, tablet, and desktop

🙂 Convenient UI: An intuitive and aesthetically pleasing user interface that enhances browsing and shopping

🗺 Easy to Navigate: Organized categories, filters, and search functionalities to effortlessly find the desired toys

👮‍♂️ Secure Checkout Process: A safe and streamlined checkout with multiple payment options, ensuring user confidence and satisfaction

🚀 More to Come: Stay tuned! We are continually working to enhance the Kiddo Kingdom shopping experience with new and exciting features

Technology stack 💻

• Frontend: HTML, CSS, JavaScript, TypeScript, React, Next.js

• Bundling: Managed by Next.js (using Webpack)

• Testing: Jest, React Testing Library

• Code Quality: ESLint, Prettier, Husky

• Styles: Ant Design

• Backend: Commercetools

  You can find more about the dependencies in the package.json file.

Setting up and running locally 🛠️

To get the Kiddo Kingdom application running locally, follow these instructions:

using npm:

• clone repository: git clone https://github.com/AndrewMik/eCommerce-Application.git
• navigate to the project directory: cd ecommerce-application
• install dependencies: npm install
• start development server: npm run dev
• build for production: npm run build
• start production server: npm start

using yarn:

• clone repository: git clone https://github.com/AndrewMik/eCommerce-Application.git
• navigate to the project directory: cd ecommerce-application
• install dependencies: yarn install
• start development server: yarn dev
• build for production (if needed): yarn build
• start production server: yarn start

Available Scripts 📝

In the project directory, you can run the following commands:

• npm start: runs the app in development mode. Open http://localhost:8080 to view the project locally.
• npm run build: builds the app for production to the dist folder.
• npm test: launches Jest test runner to run all available tests.
• npm run dev: runs your Next.js application in development mode.
• npm run build: builds your Next.js application for production.
• npm run start: starts your Next.js application.
• npm run lint: runs the Next.js linter to check for coding style issues.
• npm run format: formats your code using Prettier according to the rules in .prettierrc.js.
• npm run prettier: checks the code formatting using Prettier according to the rules in .prettierrc.js.
• npm run test:coverage: runs Jest tests with coverage reporting and additional reporters.
• npm run prepare: installs Husky for managing git hooks.
• npm run pre-commit: runs Prettier, linter, and Jest tests before committing the code.
• npm run pre-push: validates the branch name using npx validate-branch-name before pushing.

Contact 📧

• Lizaveta Dondysh ([email protected])
• Alina Nosovets ([email protected])
• Andrew Mikitchuk ([email protected])