FlashFinds

Description

eCOM Website Project

eCOM website project for the JS-framework course by Noroff, focusing on React. This project aims to create an e-commerce store where users can browse products, add them to their cart, and check out.¨

Features

• Product Browsing: View a list of products on the homepage.
• Search Functionality: Dynamic look-ahead search bar to filter products.
• Product Details: Click on any product to view its detailed information.
• Shopping Cart: Add items to the shopping cart and view them on the cart page.
• Checkout Process: Proceed to checkout and view a success message upon completion.
• Responsive Design: Fully responsive layout that works on mobile, tablet, and desktop.
• Contact Form: A contact page with validated form inputs to send inquiries.

Tech Stack

• React
• TypeScript
• Material UI
• Redux for state management
• Yup and React Hook Form for form validation
• Vite
• ESLint and Prettier for code quality and formatting
• Visual Studio Code IDE used for development

Demo

Netlify link

Deployment

This project is deployed on Netlify. To deploy your own version of the project, run:

  npm run build
  npm run preview

Run Locally

Clone the project

  git clone https://github.com/ArneBHuset/ecom-website.git

Go to the project directory

  cd ecom-frontend

Install dependencies

  npm install

Start the server

  npm run dev

Running Tests

To run tests, run the following command

  npm run test

Authors

Arne Bjelde Hustveit

• Get in touch: [email protected]

• Linkedin

• Github

• Portfolio

Acknowledgements

• React documentation
• Material-UI documentation
• Chat GPT & Github Copilot

License

Distributed under the MIT License. See LICENSE for more information.