Release 0.9

Last few weeks were pretty busy with studies. All school has moved online and students and professors had to adjust to a new way of study-teach workflow. For this release I was working on few front-end issues and I would like to share what experience did I gain while I was solving problems.

My First Issue was about making word Telescope in the top-left to go to home page.  

At first when I look in this issue I did not know in what kind of problems I can run into. Seems it's only add link to the title

 This is the only line of code I have to do for this issue. By doing this I have learn something new. 
If I add <Link to='/'>{title} I assumed that {title} should still keep the style that was assign in the <Typography>  because I haven't specify any new className in the <Link> but the outcome was different than I expected
From:
 
To:

Uhhh...this is not look right due to our website design. So basically was giving "Telescope" default colour and underlying 

Next thing I tried was to move className={classes.title} from <Typography> to <Link>. Outcome was not satisfying as well


I lost spacing and again underlying. Once I applied classes.title for <Typography> and <Link> everything was functioning properly. In order to remove underlying I just specify textDecoration:none. I assume that once its link it will by default add underlying.

My Second Issue was styling blockquotes for the Post component. My professor introduce me web site where now I always refer to for some CSS ideas or tricks. I find many interesting ideas and images that can be used to specify quotes. Here some examples (all pics are taken from the https://css-tricks.com/examples/Blockquotes/):

Classic:

Fun:

Modern:


In the end I want to choose something that will fit our website style and improve readability. I do't know how good it looks to other users but I decided to not overload this element and keep it as simple as possible. Anyway it can be improve on the go. 

Before:

After:



Comments

Post a Comment

Popular posts from this blog

Release 0.6

Image
Going back to Telescope. Between release 0.5 and 0.6 I was working on the Telescope project. I was assign to few issues during the 2 weeks period.  My first issue was to add test to make sure our application starts. This issue reference to the page where possibly I can look for solution. Ideally issue -363 should solve: a) make sure that our app is working b) allowed to hit correct root. After reading examples and documentation I have learned that there is 'start-serve-and-test' npm package that starts server, waits for URL, then runs test command; when tests end, shuts down server.  How to use this package: Install this package  npm i  start-server-and-test Add command to the script. In my case Telescope already has command to start server and command for the tests. This way I just had to combine both commands into one that I named "CI" and add localhost.  Indeed this package did not solve the intention  of the issue I was working on....
Read more

Back on Track or working on the Table Reservation Application

Image
Table Reservation Application is an application with many features. One of the most important features is to reserve a table online and send the form to the restaurant. All summer me and my other two teammates try to accomplish many milestones of this project but due to heavy loads from other subject not everything was implemented. Two months I could not sleep without writing lines of code in order to complete this project. In the end this is how many lines of code I wrote and delete.  Even it is looks like a lot of line of code in the end of the day many features were left out. It hurts me to see that such a beautiful idea was not implemented till the end. Beside that, contributing to the project help me to learn many new things and be on top of the technologies. For example I was able to learn angular material UI. This application was desighn for PRJ666 course in order to graduate from Seneca college with Computer Programming and Analysis diploma. This mean that if I decide to ha...
Read more

Seneca Digital Health Hackathon

Image
Seneca Digital Health Hackathon When I was preparing for the interviews I read many articles on how to answer one or another question. Of course, most of the answers have to be tailored to a specific job posting. One question that I was asked during one of my interviews was to tell about my hobbies. I never came across this question neither I thought this question was something that I could be asked. After my interview, I have looked into the potential answers for the software developer position. To my greatest surprise, I find very interesting hobbies such as teach coding classes, contribute to the Open Source community, and of course Hackathon. The last one was the most interesting to me. I decided that why can't Hacathon be my hobby either. A few weeks later my school friend mentions that there will be Seneca Digital Health Hackathon. That was an opportunity to try out my new hobby.  Days before Hackathon. I and my groupmates had to pick a challenge set that we will work on. Our...
Read more