I wanted to share this amazing countdown component that I created using React and Sass for today's project. It's a sleek and visually appealing countdown that you can easily integrate into your projects. The combination of React's flexibility and Sass's powerful styling capabilities made it a breeze to develop.
The choice of Next.js and SASS are a great combination when it comes to implementation in our application. Next.js, through its focus on server-side rendering, enables faster loading speeds, improving performance and accessibility. On the other hand, SASS provides a variety of tools and features for easy CSS customization and maintenance.
Welcome to all , this time I developed a landing page using Next.js and React! As a developer, I thoroughly enjoyed tackling this project using Next.js, a technology that I had not previously worked with.
While creating a landing page may seem like a straightforward task, building it using Next.js added an extra layer of complexity. However, this technology provided numerous benefits, including server-side rendering, which greatly improved the page's performance and enhanced the user experience.
The ability to utilize the strengths of both React and Next.js allowed for the creation of dynamic and responsive components that brought the landing page to life. Additionally, Next.js provided easy management of the application routes, allowing for seamless navigation throughout the site.
Overall, creating this landing page using Next.js and React was a challenging yet rewarding experience. The combination of these technologies allowed for the creation of a highly functional and visually appealing landing page that would not have been possible with traditional HTML and CSS.
In this opportunity I tried to solve the challenge using REDUX to handle the state of the app, and to build the styles I use MUI with styled components to give the application a custom design system.
I decided to create a react app without using the command line 'create-react-app', in order to gain experience with tools like webpack + babel to build the solution.
I had a great time putting this challenge together, although I had to struggle a bit with webpack and eslint.
In the end, I really liked the result, what do you think? I would like to hear from you so I can improve
I used angular to build this challenge and added some functionality to:
internationalize the page
-send an email via the "mailthis.to" API when the form is submitted
handle form errors
I really enjoyed solving this exercise and I liked choosing angular to be able to practice a bit with the tool.
I hope you like it and I look forward to hearing your feedback