abhinandan0659's Blog

Weekly check-in #4

abhinandan0659
Published: 07/15/2019

Hello there! Good to see u here.

Now, I'll tell what you are here for!

What did you do this week?

So, I finished the implementation last week and its already merged. This week I completed mockup for the cheatsheet(that's what we are calling that). Its a subpage of main EOS icons landing page which contains all the icons. Its has two subsections itself one is for EOS icons and second one is for extended EOS icons that are made 1-1 from google material icons. Currently mentors are reviewing that mockup and I am modifying the changes accordingly.

What's coming next?

After this is over I'll start the implementation of the cheatsheet. First I will create everything in basic HTML, CSS and bootstrap 4 they I'll have to convert it to pug and SCSS according to our new SMACSS structure that my mentors introduced recently.

Did you stuck anywhere?

Not really but, yes I was stuck a bit when I was testing the converting HTML into pug. But my mentors helped me out of it.

So, ya that's it for now. See you next week!

View Blog Post

Fourth Blog - GSOC 2019

abhinandan0659
Published: 07/11/2019

Hello and welcome to my fourth blog for gsoc 2019.

So, this week was really challenging for me because I was implementing the Landing page for EOS icons. Yes, its the same page I started implementing more than a week ago, but things have changed since then. Earlier I was trying to create my own CSS but it was getting very lengthy and hard so I removed it all and shifted to bootstrap 4 and also I converted all the html to pug. I also had to change grunt files but my mentors recently thought of not using grunt anymore and shift to gulp. So now we will generate our webpage with gulp. After all this I created the PR and pushed all my changes to it.

This might sound very simple and straight forward but actually it wasn't. I had a really bad time removing all the layout errors, keeping in mind the responsiveness of the webpage. Overall this was a great experience, especially when I finally saw the landing page, I was like questioning myself "Am I the one who wrote the code for all this?really?me? " 

Anyways this was fun. So, see u later. Stay tuned! 

Peace!

View Blog Post

Weekly check-in #3

abhinandan0659
Published: 07/03/2019

Hello again!

Welcome to my third weekly check-in blog.

What did you do this week?

So, earlier I started implementation of the EOS icons landing page that I designed before and I am currently doing that. It is taking longer than I expected this to be. I initially understood the CMACSS (Scalable and Modular Architecture for CSS) that my mentors introduced in the new repo on which I am implementing the new Landing page. Then I almost finished the implementation using html, css, bootstrap 4 and created scss in according with the modern CMACSS Structure.

What is coming next?

Mentors have decided that we will no longer use grunt and html. Instead we will be using gulp for grunt and pug in place of html. So, I need to make changes accordingly and then create a PR.

Also when this is finished I will design the Mockup for the cheatsheet (subpage of the landing page) and then later implement it.

Did you stuck anywhere?

Yes, I was stuck when I was implementing the modern CMACSS structure. The reason maybe because of my less experience in this domain and I haven't used CMACSS before. But I think I am over it now an everything is working fine now.

That's it for now. Thank's for reading till the end! Stay tuned.

Peace!

View Blog Post

Third Blog - GSOC 2019

abhinandan0659
Published: 06/24/2019

Hello and welcome to my third blog for gsoc 2019.

So, this is my fourth week of working with python sub-org EOS Design system and it's getting real now. Recently I finished my High Definition mockup for the EOS Icons landing page and then I spend a few days resolving feedbacks from mentors. Then I started the main work that is the implementation of the design that I created. First its all about frontend, I need to code the frontend part i.e the way how Landing page will look and then later I will have to work on the subpages and make that landing page alive and then there is some backend work too,  I have to use headless CMS(Strapi since its opensource) and deploy it on Heroku. But it's coming later so don't worry about that. 

Currently, I am focusing on the implementation of the landing page. Since I have to do everything from scratch and I have never done this before(I mean the web part) that's why it's getting really intense for me. Other than this, we have a meeting(EOS community) every Wednesday and it's really helpful and it pulls me up. Every time I am feeling a little messed up or a bit low I have a talk with my mentors and they really motivate me up. That's why I am having a great time and also learning a lot.

There is so much to talk about and I can go on and on and on but I am ending this blog for now. See you later.

Peace!

View Blog Post

Weekly check-in #2 06/17/19

abhinandan0659
Published: 06/16/2019

Hey, there! 

Welcome to my second weekly check-in blog.

What did you do this week?

This is supposed to my third week after coding period started. I have done a lot of things until then. I used this whole first month(almost a month) in designing prototypes on Adobe XD. Firstly I designed initial wireframe of the Landing page of EOS icons(The one I am working on from scratch). Then I designed the cheat sheet which is like a subpage of eos-icons(which will contain all the icons). Then recently I created the High definition mockup of the Landing page by filling colours and details on the webpage and also I merged the landing page with the cheat sheet. You can check these out at - https://xd.adobe.com/view/1e347146-935b-4dec-498f-0ac63d5c7f1a-6805/.

I don't know if this link is still working when you are reading this or not because Adobe provides only one link on the free account and hence I have to generate new links every time I create something new on the Adobe XD. Apologies if it's not working.

What is coming up next?

Now that my designs are ready, I need to implement those on the web address - https://eos-icons.eosdesignsystem.com/.I need to code the frontend of the designs that I created recently using Adobe XD. This is going to be amazing. 

Did you get stuck anywhere?

Yes, I had a hard time figuring the layout and the design for the landing page and the cheatsheet. Since I was trying to think something new and out of the box from scratch, therefore, I took more time than I expected. Other than this it has been amazing till now and I hope I will get much better soon.

So, I will shut up, for now, thanks for reading all this. 

Peace!

View Blog Post