/ElectroPorts-And-Pins-Front-End

Primary LanguageJavaScript

This is the ElectroPorts & Pins Backend GitHub Link

Deployed Backend Link

Electroports & Pins - Front End

Welcome to the Electroports & Pins front end repository! This repository contains the client-side code for the Electroports & Pins web application.

About Electroports & Pins

Electroports & Pins is an e-commerce platform that specializes in selling electronic devices, gadgets, and accessories. Our platform offers a wide range of products from various brands, including smartphones, laptops, tablets, and more. With a user-friendly interface and robust features, Electroports & Pins aims to provide customers with a seamless shopping experience.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • React Bootstrap: A front-end framework for building responsive and mobile-first websites using React components.
  • React Router: A routing library for React applications, enabling navigation between different pages.
  • React Icons: A library providing a collection of icons for React components, including Font Awesome and custom icons.
  • axios: A promise-based HTTP client for making HTTP requests from the browser.
  • emailjs-com: A service for sending emails using client-side JavaScript.
  • react-responsive-carousel: A carousel component for React applications.
  • FontAwesome: A library providing a collection of icons, including Font Awesome and custom icons.
  • React Hooks (useState, useEffect): React Hooks provide a way to use state and other React features in functional components.
  • React Router (useNavigate): A hook provided by React Router for navigating programmatically in React components.
  • React PropTypes: A library for typechecking props in React components.
  • Bootstrap CSS: The CSS framework used for styling the user interface components, providing a responsive and visually appealing design.

These technologies collectively contribute to building a robust and user-friendly front end for the Electroports & Pins web application.

Getting Started

To get started with the Electroports & Pins front end locally on your machine, follow these steps:

  1. Clone this repository to your local machine using git clone.

     git clone git@github.com:Markswell-crypto/ElectroPorts-And-Pins-Front-End.git

  2. Navigate to the project directory.

     cd ElectroPorts-And-Pins-Front-End

  3. Install dependencies using npm or yarn.

     npm install

  4. Start the development server.

     npm run dev

  5. Open your browser and visit http://localhost:5173/ to view the Electroports & Pins application.

Deployment

The Electroports & Pins front end is deployed on Netlify. You can visit the deployed application using the following link:

Electroports & Pins

The live demo provides a real-time experience of the Electroports & Pins web application, allowing you to explore its features and functionalities.

Contributing

We welcome contributions from the community! If you'd like to contribute to Electroports & Pins, please follow these guidelines:

  • Fork the repository and create your branch from 'main'.
  • Make your changes and ensure that the code passes linting checks and tests.
  • Submit a pull request with a clear description of your changes and their purpose.

Developers

The frontend development of this project was led by a diverse team of developers, each contributing their unique skills and expertise to bring the user interface to life. Meet the dedicated members of our frontend development team and their respective roles:

Markswell Ogutu - Frontend Lead Engineer

Leon Gitonga - Assistant Frontend Lead Engineerr

Joyce Mwangi - UI/UX Designer

Gerald Gicharu - Frontend Engineer

Mercy Mwongeli - Frontend Developer

Brian Mulindi - Frontend Developer

Together, we collaborated closely, leveraging our individual strengths and skills to create an engaging and intuitive frontend experience for our users. Our combined efforts have been instrumental in the success of our frontend development efforts.

License

This project is licensed under the MIT License - see the LICENSE file for details.