mann2moon/black_lion_mobile_store

this is Webstack Portfolio Project Pitch of group work --> Aman Brhane, Nebiha Dilsebo, Mekonen Feleke and Endesew Bantayehu Yenesew

Black Lion Mobile Store - Webstack Portfolio Project

Welcome to the Black Lion Mobile Store repository! This project is a comprehensive e-commerce platform designed to provide users with a seamless and secure mobile device purchasing experience.

Team Members(groups):

• Aman Brhane
• Nebiha Dilsebo
• Mekonen Feleke
• Endesew Bantayehu Yenesew

Project Description:

Black Lion Mobile Store is an e-commerce platform where users can explore a diverse range of smartphones, tablets, and accessories. The platform offers detailed product descriptions, user authentication, order tracking, and a responsive mobile interface to enhance the overall shopping experience.

Learning Objectives:

1. Full-Stack Web Application Development: Gain hands-on experience in building a comprehensive web application.
2. Security Implementation: Implement secure user authentication and authorization mechanisms.
3. Front-End Design: Develop an intuitive and responsive front-end interface tailored for mobile devices.
4. API Integration: Explore the integration of third-party APIs, particularly for payment processing.
5. Collaboration Skills: Practice effective collaboration within the team, utilizing version control systems.

Technologies Used:

• Front-end: React.js
• Back-end: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT (JSON Web Tokens)
• Payment Processing: Stripe API
• Version Control: Git/GitHub
• Deployment: Heroku

Third-party Services Used:

• Payment Processing: Stripe API for secure and seamless payment processing.

Features:

1. Home Page Shopping:

   • Users can browse through a variety of mobile devices and accessories on the home page.
   • Add desired items to the shopping cart directly from the home page.

2. Shopping Cart:

   • View all selected items in the shopping cart, including detailed information and prices.
   • Calculate the total price for all selected items.

3. Secure Checkout:

   • Users can proceed to checkout from the cart page.
   • Complete the transaction securely using the payment processing feature (implemented with Stripe API).

4. Order Confirmation:

   • Upon successful payment, users receive confirmation of their order.
   • View order details and transaction completion status.

Contributing:

If you'd like to contribute to Black Lion Mobile Store, follow these steps:

1. Fork the repository
2. Create a new branch: git checkout -b feature/new-feature
3. Make your changes and commit: git commit -am 'Add new feature'
4. Push to the branch: git push origin feature/new-feature
5. Create a pull request

License:

This project is licensed under the [Black Lion Mobile Store] - see the LICENSE.md file for details.

##server.js and app.js function

You should create a separate JavaScript file (e.g., app.js) to handle the client-side logic for fetching and displaying data on your HTML page. The server-side logic, which is in server.js, handles the server operations and routing.

Here's a quick breakdown of the responsibilities:

server.js: Handles server-side logic, routing, and communicates with MongoDB.

app.js: Handles client-side logic, such as making requests to server endpoints (like /products), receiving data, and updating the HTML page dynamically.

Conclusion:

We are excited to embark on this project, and we look forward to overcoming challenges, acquiring new skills, and delivering a robust and user-friendly mobile store web application.