https://github.com/renovatt/tractian-front-end-challenge

Front-End Challenge Tractian
https://github.com/renovatt/tractian-front-end-challenge

nextjs nextjs14 serveractions tailwindcss tree-structure tyepscript zustand

Last synced: 4 days ago
JSON representation

Front-End Challenge Tractian

• Host: GitHub
• URL: https://github.com/renovatt/tractian-front-end-challenge
• Owner: renovatt
• Created: 2024-08-10T15:56:18.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-08-10T17:33:26.000Z (about 2 months ago)
• Last Synced: 2024-09-26T15:41:43.932Z (9 days ago)
• Topics: nextjs, nextjs14, serveractions, tailwindcss, tree-structure, tyepscript, zustand
• Language: TypeScript
• Homepage: https://tree-view-ecru.vercel.app
• Size: 344 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



## 🏋️‍♂️ Front-End Challenge - Tractian

- Challenge: https://github.com/tractian/challenges/blob/main/front-end/README.md

- Link video: https://youtu.be/dtvUpBmczdE

**Improvements**

- Bring more meaningful data from assets, graphs and temperatures, relevant information for the user.

- Implement error handling in the API to facilitate its consumption and provide information to the user when a problem occurs.

- Improve the layout, making it more comprehensive with more detailed and dynamic information.

- Integrate tests to ensure stability

🚀 [Preview](https://tree-view-ecru.vercel.app) - https://tree-view-ecru.vercel.app

## 🎨Previews

### ***Web Layout***

![Web-1](/public/web-1.png) 

![Web-2](/public/web-2.png)

![Web-3](/public/web-3.png)

### ***Mobile Layout***

![mobile-1](/public/mobile-1.png)

![mobile-2](/public/mobile-2.png)

## 🛠️ Technologies

💻 **Front-End**

- [Next.js 14.2.3](https://nextjs.org)

- [Typescript](https://www.typescriptlang.org)

📚 **Libs**

- [zustand](https://zustand-demo.pmnd.rs/)

🎨 **Styles**

- [tailwindcss](https://tailwindcss.com/docs/installation)

🔋 **Version and Deploy**

- [Git](https://git-scm.com)

- [Vercel](https://vercel.com/)

## ⚙️ Settings and Installation

```sh

# Installing dependencies

npm install

```

```sh

# Compile and open the program for development

npm run dev

```

```sh

# Compile and minify for production

npm run build

```




🧑‍💻 **Created by**

[@renovatt](https://www.linkedin.com/in/renovatt/)