Quickart is an e-commerce web app designed to provide users with a seamless online shopping experience. The app showcases products across various categories like electronics, fashion, and home appliances.
- Product Overview: Users can explore products from different categories.
- Shopping Cart: Add, remove, and view items in the cart.
- Checkout: Complete the purchase with an easy checkout process.
- User Authentication: Sign up, login, and manage accounts.
- Progressive Web App (PWA): Supports offline functionality and adds to the home screen.
- Frontend: React, Next.js, Tailwind CSS
- Backend: Node.js (with possible integration with MongoDB)
- Deployment: Vercel
- Others: Preload images, SEO optimizations, structured data
- Added description, keywords, robots meta tags for better search engine ranking.
- Custom author meta tag for brand identity.
og:title,og:description,og:type,og:image,og:urlfor optimized social media sharing.
twitter:card,twitter:site,twitter:title,twitter:description,twitter:imagefor Twitter preview.
- Preloaded important images to improve page load speed.
- Added JSON-LD for SEO-rich snippets using Schema.org (Organization schema).
- Linked
manifest.jsonto enable Progressive Web App support.
- Set up multiple sizes of favicon and Apple touch icons for a better mobile experience.
- Implemented
rel="canonical"to prevent duplicate content issues.
Before running the project, set up your environment variables. Example of environment variables are provided in the .env.example file. Copy the content into a .env file in the root directory of your project.
-
Clone the repository:
git clone https://github.com/rishabh3562/coneixement-assignment-frontend.git
-
Navigate into the project directory:
cd coneixement -
Install the dependencies:
npm install
-
Run the development server:
npm run dev
This project is deployed on Vercel.
- Fork the repository.
- Create your branch (
git checkout -b feature-name). - Commit your changes (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature-name). - Create a new Pull Request.

