TRENDY VIBES - Clone

Project : Clone of https://www.nnnow.com/

What is NNNOW?

As you might have seen https://www.nnnow.com/, It is an online portal with a very large collection of cosmetics, skincare, hair care & fragrances. It showcases some of the best products from the leading brands in the world at the best price.

In this project we have tried to make a clone of https://www.nnnow.com/ website with our efforts and the technology stack which we learnt till now in masai school.

Technology Stack Used

In this project we have used the following tech stack.

• HTML
• CSS
• SCSS
• JAVASCRIPT
• EXPRESS
• NODEJS
• MONGODB - Atlas

To make this clone we have used HTMl, CSS and JavaScript for front-end and NodeJS, ExpressJs and MongoDB for back-end.

Libraries Used

All the images, icons, and links have taken from the original website ( https://www.nnnow.com/)

Snapshots of Our Project 📸

Landing Page

This is the landing page of our website. You can see and choose all latest and trending top products from here.

SignUp Page

You can signup with our website from here .

Login Page

You can login to our website from here by entering required details.

Navigation Bar

Here, you can choose a category of products whatever you want.

Products Page

Here, you can see all the products and whenever you hover on any product you will see ADD TO CART option, bu clicking the button you can add the products to cart.

Cart Page

Here, you can see all of your products which are added into cart, you can avail the discount by applyling the promocode in respective field and you can remove any product from here also.

Address Page

In this page you can add your address to where your product should be delivered.

Payment Page

You can see lot of payment options here and you can choose any one of them to pay for your product.

Summary Page

Finally, Here you can see your order details and summary and by clicking continue you will be redirected to home page and you can continue the shopping.

Admin Login

Admin Dashboard

Admin User

Limitations

This Website is fully responsive .

End Notes

In this project we have tried to a perfect clone of the original website as much as possible with very limited knowledge of front-end & back-end. This entire journey of making the project was awesome. We learned lots of things by applying to the real website and it gave us a lot of confidence.

Team Members 🤝🏻

We have a team of 5 members :

1. Sateesh Vepada

2. Debabrata Datta

3. Jay Prakash Lohar

4. Sukhdev Hansda

5. Mukul Jatav