DIGITAL EMPIRE

Tag line : we provide latest and 100% quality assured electronics at competitive prices.

Table of Contents

• This is a React Project built for practice purposes the website is on theme of and electonics store site it consists basic functionality but more focus is on UI the project contains Home page, About Page, Products page, Cart Page, Register Page and Login Page.

Features

1. Uses Chakra UI and styled components.
2. Register functionality.
3. Login functionality.
4. products and cart pages are private routes.
5. Uses useLocation to go back to recent accessed page before login.
6. Sort and filter functionality.
7. Search functionality with debouncing.
8. Good Home page and About page designs.
9. site is fully responsive.

Tech Stack

1. React JS with React-Redux.
2. Chakra UI.
3. styled components.

Api's

1. https://digital-empire.onrender.com/products
2. https://digital-empire.onrender.com/users
3. https://65152628dc3282a6a3cdeb86.mockapi.io/messages

Screenshots

Installation

1. Clone the repository:

   git clone https://github.com/zeenatabrar/concerned-picture-9849

2. navigate to project folder:

   cd digital_empire

3. install the required dependencies:

   npm install react-icons
   npm install react-router-dom@6
   npm install react-redux redux redux-thunk
   npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
   npm install

4. start the frontend server:

   npm run start

Usage

1. After following the installation steps, open your web browser.
2. Navigate to http://localhost:3000 to access the website.
3. Explore the different features and sections of the website.
4. Interact with the elements and see the content.
5. Enjoy using the website and provide feedback!

Contributing

Contributions are welcome! Here's how you can get involved:

1. Fork the repository.
2. Create a new branch for your feature or bug fix:

   git checkout -b feature-name

3. Make your changes and commit them:

   git commit -m "Add your message here"

4. Push your changes to your forked repository:

   git push origin feature-name

5. Open a pull request on GitHub and provide details about your changes.

Production Link

https://digital-empire.vercel.app/