celestin-pet/e-comm-team-techtitans-fn

Tech-Titans E-Commerce -- Frontend

Introduction

Welcome to the Tech-Titans E-Commerce frontend repository. This repository contains the source code for our robust and user-friendly E-commerce web application. Built using ReactJS, TailwindCSS, and Redux, our application provides an immersive online marketplace experience for users to effortlessly purchase products while empowering sellers to manage their product listings effectively.

Main Features

Our E-commerce application offers a wide range of exceptional features designed to enhance the shopping experience for our users:

• Product Catalog: Explore and discover a diverse range of high-quality products.
• Shopping Cart: Seamlessly add products to your cart and proceed to a secure checkout process.
• Payment Gateway: Safely and conveniently process payments for your orders.
• Order Management: Efficiently manage and track your orders with ease.
• User Profile: Maintain your personal information and access your complete order history.
• Search and Filtering: Find specific products swiftly using advanced search and filtering options.
• Reviews and Ratings: Provide and access insightful reviews and ratings for products.
• Wishlist: Create and manage your personalized wishlist of desired products.
• and more exciting features!

Usage

The Tech-Titans E-Commerce web application is designed exclusively for online shopping. Here's how you can leverage our platform:

• Buyers: Browse our extensive product catalog, add items to your cart, and seamlessly complete your purchases. Gain access to order history and leave valuable ratings for your purchases.
• Sellers: Effortlessly manage your product inventory, approve sales, and engage with buyers. Our platform empowers you to build and grow your online business.
• All Users: Foster connections and engage in public chats within the application to interact with fellow users, share insights, and discuss products and trends.

Technologies Used

Our project harnesses the power of cutting-edge technologies to deliver a seamless and exceptional E-commerce experience:

Backend

• Node Express: A robust backend technology that forms the foundation of our application.
• Heroku: A reliable and scalable hosting platform that ensures optimal performance.
• PostgreSQL: A powerful and secure database management system that enables efficient data storage and retrieval.
• Swagger: A comprehensive API documentation tool for clear and concise communication.

Frontend

• Figma: A state-of-the-art prototyping tool utilized to craft a visually stunning user interface.
• SaasCSS: A highly versatile and responsive CSS that enables efficient styling and customization.
• ReactJS: A widely adopted frontend framework that allows for the creation of dynamic and interactive UI components.
• Redux: A predictable state container that facilitates centralized state management, ensuring a smooth and consistent user experience.

Try It Out

Experience the full capabilities of our integrated application by visiting here. We invite you to explore the various features and make real purchases to witness the power and convenience of Tech-Titans E-Commerce.

API Documentation

For detailed information regarding the REST API powering our application, please refer to our comprehensive API documentation.

Installation and Usage

To install and run the Tech-titans E-Commerce frontend locally, follow these simple steps:

1. Clone the repository using the command: git clone https://github.com/atlp-rwanda/e-comm-team-techtitans-fn.git
2. Create a copy of the file .env.sample and rename it to .env. Fill in the appropriate credentials and configurations.
3. Install project dependencies by running the command: npm install
4. Start the application locally by running the command: npm start
5. Execute tests and coverage by running the command: npm test

Alternatively, you can access our fully functional online site here to explore and interact with the application without the need for local installation.

We strive to deliver a seamless and secure shopping experience through Tech-titans E-Commerce. Should you encounter any issues or have any feedback, please reach out to our dedicated support team.

License

Our E-commerce Project Both Backend and Frontend are Distributed under the MIT License.

Contact

You can reach out to our Team Leader, David

Thank you for choosing Tech-titans E-Commerce. Happy shopping!