Technoid overview:

This project was bootstrapped with Create React App. The project represents a technical assignment for a development agency from Dubai - Technoid.

Technoid project has the following functionality:

cross-filtering (a few filters at the same time - up to 5 filters at the same time)
forms using Formik & Formik+MUI: Get-In-Touch, Login, Edit-Data
skeleton loader and lazy components
login & edit data using React Context
protected pages (only for logged in users) using AuthProvider + React Context
conditional rendering based on authentification and user's actions
fetching and mapping data
custom scroll
custom swiper
reusable flip cards using CSS + Modal Popup window

To start the app on your device:

1. Clone the project to your device using either a) SSH / b) HTTPS:

`git clone git@github.com:JuliaTymoshko/technoid.git`

`git clone https://github.com/JuliaTymoshko/technoid.git`

2. Open 1st terminal and run:

`npm run start`

It runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

3. To simulate a server and send a POST/PUT request (Login page and EditProfile page), open 2nd simultaneous terminal (split terminal) and run:

`npx json-server --watch jsonserver/db.json --port 8000`

4. To build the app:

`npm run build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.