ScreanShots of the website

Home Page

Login & SignUp Page

Products (🛍️Shop Now) Page

🏅Best Sellers Page

🔥New Arrivals🔥 Page

Wishlist Page

Cart Page

Orders Page

Product Details Page

Admin Dashboard

Casual Bazaar NTI

This is a website project for the NTI program. It is a simple e-commerce website that allows users to browse products, add them to their cart, and place orders.

Features

• Home Page: Displays featured products and categories.
• Products Page: Displays all products or products of a specific category.
• Product Details Page: Displays detailed information about a product.
• Cart Page: Displays the products in the user's cart.
• Checkout Page: Allows the user to place an order.
• Order Confirmation Page: Displays the order details after placing an order.
• Admin Dashboard: Allows the admin to manage products, categories, and orders.

Technologies

• Frontend: Angular, Bootstrap.
• Backend: Node.js, Express, MongoDB.
• Authentication: JWT.

Installation

To run the website, you need to set up the frontend and backend.

Frontend

Here you can find my frontend project located at casual-bazaar-nti\.

To get started, follow these steps:

1. Run the frontend:

   • Open Command Prompt.
   • Type npm i to install dependencies.
   • Type ng serve to start the frontend.

2. Open your browser and navigate to http://localhost:4200/.

3. You can now browse the website and test its features.

Backend

Here you can find my database collections located at casual-bazaar-nti\backend\database.

To get started, follow these steps:

1. Run the backend:

   • Open Command Prompt.
   • Type npm i to install dependencies.
   • Type npm start to start the backend.

2. Open MongoDB Compass and navigate to the database.

3. For each collection:

   • Click "ADD DATA".
   • Choose "Import JSON or CSV file".
   • Select the corresponding collection file.

4. After importing all the collection data, you can test the website.

NOTE: The admin credentials are as follows:

• Email: admin@gmail.com
• Password: 25518385M.r

NOTE: Some features are exclusive to authenticated users. To test these features, you need to create an account and log in.

If you encounter any errors or issues, please contact me:

• Phone: 01155921429
• Email: mohamedreda.dev@gmail.com

Thanks a lot!