connectwithnoor / 100daysofcode Goto Github PK

The realization that I need to keep myself updated with the cutting edge technologies made me start the challenge. I am a software engineer working as a Frontend ReactJS developer for 2 years, but want to explore frameworks and tools that I've been missing so far. Basically, I am shifting towards full-stack developer and this challege is itself a milestone to my target.

At the end of the challenge, I would be familier with the advanced UI development as well as creating services using the serverless cloud apps and APIs.

• Started out the challenge.

• Started the first project. Grille Finedine Restaurant

• Completed the Navbar, Header and the About sections

• Time: 6 hours

• Continue from where I left of.

• Completed the Menu, Chef, Video and Laurels Sections.

• Time: 6 hours

• Completed the Gallery, FindUs, Footer Sections.

• Completed the first project.

• Total Time taken to complete the project: 18 Hours

• Github Reporsitory

• Click here to see live demo

• Next Project idea is to create a metaverse landing page with lots of animation and gradients, for that. I spent today learning framer-motion library.

• Built a small demo animation project for myself to practice framer-motion.

• Time: 4 hours

• Started making the metaverse landing page. I'm following a well-known YT tutorial for it. The tutoal is in JS but I'm using TS also, I'm changing the code where it is making sense to me.

• Completed the navbar, hero section, about section and one more.

• Time: 6 hours

• Completed the 2nd Project of the challenge

• Total Time taken to complete the project: 10 Hours

• Github Reporsitory

• Click here to see live demo

• Time: 6 hours

• Figured out that I don't have a portfolio website to showcase my projects and skillset to the potential employees.

• Took a time to find a reasonable resource for portfolio building.

• Found a Tutorial Video to follow but it seems the tutorial is made on react 17 and it now out-dated and I need to make it using the Next 13.2 version and sanity@latest as well.

• Initialized the project with required dependencies and styles-guide.

• Created the appropriate folder structure.

• Time: 5 hours

• Started building the portfolio.

• Finished the navbar and the header section with responsiveness and animations using framer-motion.

• Time: 4 hours

• Refactored the navbar responsive component to support next 13 server rendering feature.

• Created About and Projects schema in Sanity CMS. The schema is refactored as per our usability and differs from the tutorial.

• Created the sections for About and Project with responsiveness and animations using framer-motion.

• Projects section requires user interactivity so I've made this perticular section the client side rendered.

Time: 6 hours.

• Tested the project I've build so far and fixed some very minor design related issues.

• Created Skills, Testimonials and Contact schema in Sanity CMS. The schema is refactored as per our usability and differs from the tutorial.

• Created the sections for Skills, Testimonials and Contact. The responsiveness and animations are to be needed.

• Testimonials and Contact section requires user interactivity so I've made them client side rendered.

Time: 8 hours.

• Made the remaining sections of the portfolio responsive and applied the animation using framer-motion.

Time: 6 hours.

• Created routes for sanity data fecting and integrated with the server components.

• Finally the project is completed.

• Github Reporsitory

• Click here to see live demo

• Time: 5 hours