E-COMMERCE-BITCRAFTERS-FN

Project Overview

This is an e-commerce-bitcrafters-fn web application that have been built using relevant cutting edge technologies and frameworks. The main features of this project include, product management, shooping cart, account management, It will offer a rich shopping experience by integrating with the backend e-commerce (# e-commerce-bitcrafters-bn ) API to deliver real-time functionalities and data.

Project Goals

• User Experience: Deliver a seamless and intuitive user experience.

• Performance: Ensure high performance and responsiveness.

• Maintainability: Develop clean, modular, and maintainable code.

Getting Started with project

1. Clone the Repository:

git clone https://github.com/atlp-rwanda/e-commerce-bitcrafters-fn.git
cd e-commerce-bitcrafters-fn

2. Install Dependencies:

    npm install

3. Run the Development Server:

    npm run dev

4. Build for Production:

    npm run build

5. Run Tests:

    npm run test

Dependencies:

This project relies on the following main dependencies:

• React
• React DOM
• Redux
• TypeScript
• Vite
• Sass
• Tailwind CSS
• ESLint
• Airbnb ESLint Config

For a complete list of dependencies, check the package.json file.

Technologies Used

• Frontend Framework: React.js for building a dynamic and component-based UI.
• State Management: Redux or Context API for managing application state.
• Styling: TailwindCSS and Sass for modern and maintainable styles.

Other Development Tools

1. Version Control: Git and GitHub for version control and collaboration.

2. Code Quality: ESLint and Prettier for maintaining code quality and consistency.

3. CI/CD tools: for continuous integration and deployment.

e-commerce-bitcrafters-fn Features

User Authentication:

• user login and registration processes.
• update user profile
• update user password
• Password recovery options

Product Listings:

• view all available products
• search for specific products with various conditions
• Detailed product page (view single product)
• customer reviews

Shopping Cart:

• Functionality to add, remove, and update product quantities.

Product Wishes:

• Functionality to add, remove, and update product wish list.

Checkout Process:

• Product payment with stirpe payment gateway

User Dashboard (Seller):

• view orders and single order detail(selller)
• add new products to seller collection
• managing own products (view,edit,delete)
• view client wishlist

User Dashboard (Admin):

• managing user role (add, edit and delete a role)
• grant role to a user
• listing all users
• Activating and Deactivating user for a certain reason
• featuring products
• view client orders and update orders status