Skip to content

Application created in a programming team of 4 frontend developers as part of an internship at softwarehut. The task was to design app in figma (my own work) and implement a working application according to the prepared assumptions. Task completed 100% successfully.

Notifications You must be signed in to change notification settings

rafal19987/Orderly-Ai-Web-Application-Frontend-Internship-Softwarehouse-React-ChakraUI-TypeScript-Axios-Redux

 
 

Repository files navigation

Login

For Login as a regular user: username: nowynowy password: nowynowy

ABOUT application

The main assumption of the OrderlyAI web application is to follow trends in the developing AI sector. The number of products based on artificial intelligence is growing day by day, and tracking changing trends is very persistent and time-consuming. The tools in question can be divided into categories in which they offer services.

Application written using ReactJS with Redux, Chakra, TypeScript

Login

For Login as a regular user:

  • username: nowynowy
  • password: nowynowy

How to run

bash git clone https://github.com/dyrpit/orderly-ai-1.git
npm install
npm start

APP Screenshots

Unlogged User

  • Basic view for unregistered users. They can browse through categories and view all available products image

  • Products list image

  • Product image

  • Login and Signup form

image

image

  • We can navigate through the application using breadcrumbs image

Logged as regular User

  • Logged-in users gain additional functionalities, such as the ability to modify category names image

  • We can export all the available categories and products as a JSON file image

  • Once we have the exported file, or another file in the correct format, we can import it into the application to add new categories and display associated products image

image

  • We can also log out from our account image

Logged as admin

A logged-in admin has additional functionalities, such as the ability to delete a category along with all its associated products
image

  • He also gain access to the admin panel through a toggle in the extra menu image

image

  • He can add new categories image

  • He can also add new products to the categories image

  • You can navigate through all the categories and products image

  • From the admin panel, you can also manage all the application users, change their roles, or permanently delete them image

Available for all logged-in users

If we are logged into the application and remain inactive for 5 minutes, the session will expire, and the system will automatically log us out. We will get notification 10sec before. Inactive means we will not triger any action on redux store. image

Available for all users but currently not functioning

We have the capability to generate the entire application using the OpenAI API by making a request to chatGPT. It will provide the output in JSON format with randomly generated categories and products, replacing our data with its generated content. However, this feature is currently disabled due to the high cost of API queries to OpenAI image

About

Application created in a programming team of 4 frontend developers as part of an internship at softwarehut. The task was to design app in figma (my own work) and implement a working application according to the prepared assumptions. Task completed 100% successfully.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.6%
  • CSS 1.3%
  • Other 1.1%