DEV Community

Cover image for Submission for the [Wix Studio Challenge ]
Shyam Raghuwanshi
Shyam Raghuwanshi

Posted on

Submission for the [Wix Studio Challenge ]

This is a submission for the Wix Studio Challenge

What I Built

I built an innovative eCommerce website called NovaMart. NovaMart offers a dynamic and user-friendly shopping experience, designed to cater to modern shoppers looking for convenience, personalization, and a seamless online experience.

Demo

Live-Link - NovaMart

Github-Link - NovaMart Github

Development Journey

Leveraging Wix Studio’s JavaScript Development Capabilities
Creating NovaMart was an exciting journey that allowed me to fully utilize Wix Studio's robust JavaScript development platform. I began by using the powerful visual builder to design a clean and appealing interface that ensures an intuitive user experience

Local Development with @wix/cli
One of the most valuable tools during development was the npm package @wix/cli. This package allowed for efficient local development, enabling me to develop and test features locally before deploying them. The ability to work in a local environment significantly streamlined the development process, allowing for rapid iteration and testing.

Seamless Integration with GitHub
Another crucial aspect of the development process was the integration with GitHub. Wix Studio provides functionality to connect your project with a GitHub repository. This integration was incredibly helpful as it allowed for continuous integration and deployment. Whenever changes were pushed to the main branch, the site would automatically update with the latest changes, ensuring that the development and production environments were always in sync.

Demo Video Loom Demo Video

ScreenShorts

User Account page

User Account page

Login Page

Login Page

Home page

Home page

Products Page

Products Page

Product Page

Product Page

Donation Page

Donation Page

Refer & Earn Page

Refer & Earn Page

To enhance the functionality of NovaMart, I integrated several of Wix’s APIs and libraries:

Wix Stores API: This was crucial for managing product listings, inventory, and categories.
Wix Users API: Enabled user authentication and personalized experiences based on user data.
Wix Pay API: Facilitated secure and smooth payment processing(But unfortunatily, I am not able to apply this because it need to have a plan).
Wix Animations: Added dynamic content and animations to create an engaging shopping experience.
Wix SEO API: Ensured that NovaMart is optimized for search engines, improving visibility and reach.

Top comments (1)

Collapse
 
sarahokolo profile image
sahra πŸ’«

Looks great. If you don't mind me asking, what section of the site is built with custom JS and not particularly with Wix's APIs?