Developing The New Project

We're still working in the new App for the apprentice. We divide the work in some internal teams; The backend and The frontend. I decided to be in the Frontend because I have more experience designing Websites.

Designing

This is my favorite part of the web Development major. We decided to use Material UI and I like it. Some frameworks help you to design faster, but I never used them before. I used to use my own knowledge of HTML and CSS, and recently React. Lately, I have read documents and websites of style CSS.

Part of my job was looking for a website or place to do a mock. I saw too many. Actually, if I could pay for them, It would make it more easily. I like Figma but in the free version it doesn't have the tools I want. At the and, I decided to use LucyChart. This are the results of some of my mocks:

Dashboard

Our Dashboard is going to give the recent content in the app like a ticket, an assignment, or feedback. In these pictures, you'll see a dashboard for the apprentice. A whole app is a new tool for the apprentice some staff members.

DailyStatus

Then, we have the daily status dashboard to make an area where the apprentice can report their work and also they can open a ticket for a blocker, making it easy to report an issue.

batch

Last, we have a view of their classmates in the apprentice.

There aren't my best designs but the real app looks so much better. In the future, I expect to bring some photos of the app if my company allows them.

Back to the Top

Independient study

As I said I have study some CSS topics by myself. I used before tools like Grill and flex, but I don't want to use them always when I need to align content. Then, I tried to reach some alignment using css propeties. I get better idea of box-sizing propety. It works great for containers that have just one Item and it goes out of the bord.

Also, I learned how to use Routers. We use two main routers /Dashboard and /loging. Right now, I'm working in the Darshboard, I plan to add new routers for navigation around the app. That is the work for the next week.

Back to the Top