![Submission for the [Wix Studio Challenge ]](https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnaba7l91o3ri1tcv99ti.png)
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
Login Page
Home page
Products Page
Product Page
Donation 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.
