It's been a long time since I get my hands on front end, lately I've been surrounded with javascript and C# which made me forget about front end. So here's a simple landing page I created for fun (still on going). This project is build with NextJS & typescript.
- Build out the project to the designs provided
- Implementing card slider for 'top destination' section
- Playing with CSS Layout - The position Property (relative, absolute) to style background
Figma Web Design & UI kit i used for this project
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- CSS Layout The position Property (relative, absolute)
- Next JS - React Framework for Production
- Typescript
- swiper js - JS library to add slider component
I found creating this section and making it responsive was not easy and took a lot of time, but I am quite satisfied with the result
Coming soon
- UI/UX Design Resources - This website provide many UI/UX design, some are even free.
- Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS by JavaScript Mastery
- Swiper React Components
- Flowbite
Github - Shabrina Putri
To run the development server:
npm run dev