As a budding developer, I was presented with a wonderful opportunity to work on my first freelancing project with ShreeShakti Tradings, a renowned spice trading company. This experience was not just about coding but a comprehensive journey of learning, problem-solving, and growing.
When I first embarked on this project, I had a rudimentary understanding of React. My friend and I teamed up to tackle this project head-on, which encompassed four web pages and an admin panel to update certain sections of the webpage. The learning curve was steep, but the rewards were plentiful. I expanded my knowledge and proficiency in React, learning to navigate through various challenges.
My responsibilities in this project included the creation of the hero section, about section, footer, and the 'contact us' and 'new shipment request' pages. Each of these sections demanded a different approach and allowed me to explore multiple facets of web development.
The journey was not without its share of obstacles. I faced limitations in understanding all the UI library components and while learning React. However, these challenges only served as stepping stones that further solidified my knowledge base and honed my problem-solving skills.
Our first step was to choose a design and color palette for the webpage. Once that was decided, we divided the work between us, each taking on tasks that catered to our strengths. We created a git repository, made different branches, and began working on the project. Upon completion, we presented it to the client and made revisions as per their requirements.
To achieve a smooth user experience, we used Material-UI (MUI) as the UI library and Animate on Scroll (AOS) for transition animations. These tools were instrumental in bringing our design visions to life and enhancing the overall functionality of the webpages.
Working on this project was an enriching experience that allowed me to learn, adapt, and grow as a developer. As I continue my journey in the tech industry, I look forward to many more opportunities to create, learn, and make a difference.
ReactJs, Firebase, MUI, CSS