live: https://cerulean-kleicha-169a1d.netlify.app/
The Newsletter Subscription Website is a web application built using Next.js. It aims to provide an engaging and responsive user experience, catering to both desktop and mobile users.
Key Features:
-
Responsive Design: The website is fully responsive, ensuring a seamless experience across a wide range of devices, from desktop computers to mobile phones and tablets.
-
Subscription Form: Users can enter their email address in a subscription form. The form includes validation to ensure that users provide a valid email address format.
-
Error Handling: In case of invalid email addresses, the application displays error messages, guiding users to provide a valid email address.
-
Success Page: Upon successful subscription, users are redirected to a success page where they receive a confirmation message. This page also provides an option to dismiss the message.
-
Dynamic Image: The website features dynamic image loading based on the user's screen size. A mobile-friendly image is displayed on smaller screens, while a larger image is shown on desktop screens.
-
Client-Side Routing: Next.js handles client-side routing for navigating between the subscription form and the success page, providing a smooth and fast user experience.
Technologies Used: Next.js: A React framework for building server-rendered applications. React: A JavaScript library for building user interfaces. HTML/CSS: For structuring and styling the web pages. JavaScript: For handling form submission and client-side routing. CSS Modules: To modularize and scope styles for each component. Responsive Design: Media queries and CSS Flexbox/Grid for responsive layout.
Some screenshots:
