This is a fully responsive and functional Landing Page which deals with the free seminar for the education training purposes.
Code Splitting is done at Routes
Functional Component with various hooks like useState(), useEffect(), useRef() and useContext() along with some custom hooks such as useIntersectionObserver().
Used ContextAPI for State Management.
Vanilla CSS
-
Files are well-organised.
-
Components, Context, images, styles are in separate folders making app structure clear to understand and scalable in nature.
-
Beautifully applied Code Splitting which boosts the performance of the app and shows the minified content to the users initially and only loads other contents if the user is interested to have a glance at them.
-
Dynamically rendered all the images, which implies images are optimised by webpack.
-
Used .env.development and .env.production files for the Code Reusablility and environment determination.
-
Handle the 404 error when refreshing page on gh-pages