Skip to content

atlp-rwanda/champs-ec-fe

Folders and files

NameName
Last commit message
Last commit date
Jul 6, 2024
Jun 2, 2024
May 23, 2024
May 28, 2024
Jun 7, 2024
Jul 12, 2024
Jul 18, 2024
Jun 20, 2024
Jul 10, 2024
Jun 7, 2024
Jul 10, 2024
May 23, 2024
Jul 10, 2024
Jun 2, 2024
Jul 10, 2024
Jul 10, 2024
Jul 6, 2024
Jul 3, 2024
Jun 20, 2024
Jul 16, 2024
Jul 12, 2024
May 23, 2024
Jul 11, 2024
Jul 3, 2024
May 23, 2024
May 30, 2024

Repository files navigation

Maintainability Test Coverage Coverage Status CircleCI

Vercel Preview Deployment

Next JS

champs-ec-fe

Project Overview

The Champs-EC-FE (Champs E-Commerce Frontend) project is designed to create a robust and user-friendly frontend application for an e-commerce platform. It will offer a rich shopping experience by integrating with the backend e-commerce (champs-ec-be ) 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/champs-ec-fe.git
cd champs-ec-fe
  1. Install Dependencies:

    npm install
  1. Run the Development Server:

    npm run dev
  1. Build for Production:

    npm run build
  1. Run Tests:

    npm run test

Technologies Used

  • Frontend Framework: Next.js for building a dynamic and component-based UI.
  • State Management: Redux or Context API for managing application state.
  • Routing: Next js App Router for handling navigation within the application.
  • Styling: TailwindCSS 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.

Champs-ec-fe 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 orders and update orders status
  • 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