JuliaTymoshko / technoid

The project represents a technical assignment for a development agency from Dubai - Technoid. Please mind that you're not able to test the login feature on the live version since the fake JSON server is used for the project. You can test it locally (see README).

Home Page:https://tymoshko-template.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

The project represents a technical assignment for a development agency from Dubai - Technoid. Please mind that you're not able to test the login feature on the live version since the fake JSON server is used for the project. You can test it locally (see README).

https://tymoshko-template.herokuapp.com/


Languages

Language:JavaScript 73.1%Language:SCSS 24.3%Language:HTML 2.6%