Angular2 Shop
Angular2 +Full Stack Multi Tenant Shop - eCommerce Prototype using all latest technologies
Overview
Angular2Shop is an innovative multi-tenant eCommerce application designed to facilitate the buying and selling of various products, with a particular emphasis on home-cooked meals. Although it was built on the Angular2 technology stack and has unfortunately become defunct due to breaking changes in Angular 2, its architecture still showcases the potential of an Angular-based eCommerce platform. The application allows both sellers and buyers to interact seamlessly, empowering users to create shops, manage their products, and streamline the ordering process.
Despite its defunct status, Angular2Shop provides an intriguing look into what might be possible within the realm of online marketplaces using the MEAN stack. The integration of various technologies like geolocation and OAuth2 shows a promising capability to enhance user experience and security.
Features
- Oauth2 with Google Login: Secure and convenient authentication through Google accounts, simplifying the user login process.
- Geolocation Integration: Allows users to search for shops and products based on their location, ensuring a tailored shopping experience.
- Seller Management: Sellers can create multiple shops, add products to their menus, and manage their orders effectively from one platform.
- Buyer Experience: Buyers can search for shops and products, filter results based on their preferences, and easily manage their shopping cart.
- File Upload Integration: Users can seamlessly upload images and other files, enhancing product listings and presentations.
- Session and Local Storage: Utilization of session, cookies, and local storage ensures a smooth and persistent user experience across sessions.
- Responsive Design Elements: Incorporation of Google Material Design for a visually appealing and user-friendly interface.
- Supported by Open Source Technologies: Built on a solid foundation using a range of open-source libraries and frameworks including Node.js, Express, and MongoDB.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.