Circle Innovation is dedicated to solving global challenges and providing students with enhanced opportunities. We aim to use an interdisciplinary approach by combining skills from science, business, technology, and social science.


<aside> ⛹️‍♂️ Author: Harsh Patel

</aside>

<aside> 💡 harshpatel.ca

</aside>

👨‍💻 My Role


At Circle, I work as a Full Stack Developer and I am one of the Digital Design Leads. Here, I co-lead the development and maintenance of the hellocircle.ca website that is built on the react.js library. As the Digital Design Lead, I also develop digital marketing content for social media and content for live events while following and developing the company's brand identity. Aside, I contribute to weekly meetings and help discuss the future direction of the company.

🖥️ Web Development


One of my main roles at Circle is to design, develop, and maintain the hellocircle.ca website.

Design

Whenever there is a new event or a new project for the company that needs a webpage, I first get all the details from the CDO of what needs to be on the page. Along with the design team, I then create mockups using Figma.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ac05e24e-2c53-41bc-9bc2-903b42483761/Circle_Figma.mp4

Develop

After the designs are approved by the CDO and VPs, I then go about coding the pages using the react.js library. We try to break common elements into different components so the code can be reused and repurposed easily on multiple pages.

I then push my changes to separate branches on GitHub and create a pull request where the CDO will review and merge changes to the master branch. The changes are then deployed to the live production site, or if more team members need to review changes, it is pushed to a staging site where the rest of the team can view the changes.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f14d0afa-c91b-4388-9d15-f25869b420de/Circle_Dev.mp4

Gallery

(Videos can be made full screen)

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/46226149-3e9f-4085-9406-e235bedde0c3/Circle_Old_Site.mp4

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e5822fe0-6941-4a71-a216-b951646b707e/circle-ryp.mov

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1af736d1-152f-4ce2-b39a-9e1da7bfa26b/Circle_Compass.mp4