https://github.com/mapledevjs/ifocus
iFocus Store Test Assessment
https://github.com/mapledevjs/ifocus
create-react-app react redux redux-toolkit typescript
Last synced: 9 months ago
JSON representation
iFocus Store Test Assessment
- Host: GitHub
- URL: https://github.com/mapledevjs/ifocus
- Owner: mapleDevJS
- Created: 2021-08-02T02:47:57.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-13T15:18:57.000Z (11 months ago)
- Last Synced: 2025-03-13T16:26:59.735Z (11 months ago)
- Topics: create-react-app, react, redux, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://ifocus-store.netlify.app
- Size: 5.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![LinkedIn][linkedin-shield]][linkedin-url]
iFocus Test Assessment
Table of Contents
## About The Project
The theme of the project is an e-commerce site, you are expected to write your own code without any starter template / code built from others.
For React, you are expected to use the boilerplate code from facebook/create-react-app, and for React Native, you are expected to use the boilerplate code from expo/create-react-native-app.
You can use any open source library available for your project, please respect the software licenses of the open source softwares.
In your application, you are expected to use the data from this API provider:
https://fakestoreapi.com/
Please refer to the API documentation on Fake store API for how to fetch the products data.
Project requirements (complete at least 3/7 items)
Product list
Product details redirected from Product list
Pagination (5 items per page)
Filtering / Search
Add to cart
Remove from cart
Image carousel
Website must be mobile responsive
Reusable and clean project structure
Website must be built with React, app must be build with React Native
### Built With
* [React](https://reactjs.org/)
* [Redux](https://redux.js.org/)
* [Redux-Toolkit](https://redux-toolkit.js.org/)
* [Typescript](https://www.typescriptlang.org/)
* [Create React App](https://create-react-app.dev/)
## Getting Started
### Prerequisites
* npm
```sh
npm install npm@latest -g
```
* node.js
```sh
npm install node@14.17.0
```
* yarn
```sh
npm install yarn -g
```
### Installation
1. Install NPM packages
```sh
yarn install
```
2. Run the project
```sh
yarn run start
```
3. Build the project
```sh
yarn run build
```
## Contact
Alexey Ivanov - alexey.ivanov.js@gmail.com
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/alexey-ivanov-fcsmjs