Groceyish
E-Commerce website for selling groceries online. Made with Nuxt & Strapi.
Overview:
Groceyish is an innovative e-commerce platform designed specifically for selling groceries online, catering to the needs of modern consumers who prefer the convenience of shopping from home. The website’s clean and user-friendly interface aims to create a seamless shopping experience, making it easier to browse and purchase grocery items. With a focus on mobile-first design, Groceyish ensures that customers can shop effortlessly from their devices, providing an accessible shopping solution for all users.
Features:
- Stripe Checkout: Simplifies the payment process, allowing users to make secure purchases with various payment options.
- Dynamic User Orders: Provides real-time updates on order status, enhancing the overall customer experience by keeping users informed.
- Cypress E2E Tests: Ensures high-quality performance and reliability through automated end-to-end testing.
- Mobile-First Design: Prioritizes mobile usability to ensure a smooth and intuitive experience for smartphone users.
- Nuxt.js Framework: Utilizes this powerful framework for better server-side rendered applications, improving overall loading speed and performance.
- Tailwind CSS Support: Offers a modern styling approach, allowing for customizable and responsive design elements.
- Cloudinary Integration: Enhances image handling capabilities, providing optimized images for faster loading times and improved visuals.
- Strapi Backend: Utilizes a headless CMS for efficient content management, making it easy to update product listings and site information.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Strapi
Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.