Projects
-
Luto
- React
- React Hooks
- React Router
- React Icons
- CSS Module
- API
A Recipe site built with CodeSandbox using basic React Hooks ( UseState Hook and UseEffect Hook ). And also integrating a free tier API coming from www.edamam.com.
-
Sunnyside Agency Landing Page
- HTML
- SASS
- Vanilla JS
- Webpack
A landing page challenge from www.frontendmentor.io built with core HTML, dart SASS and Webpack with a little JS for the menu burger. Also follows mobile first approach strategy on designing it's style.
-
Crowdfunding product page
- Vanilla JS
A product page challenge from www.frontendmentor.io built purely with only Vanilla JS. The Products data comes from a local JSON file which is built with the site. And also to take note, the product state will revert every page refresh.
-
Intro component with sign-up form
- HTML
- CSS
- Vanilla JS
A form page challenge from www.frontendmentor.io built with core HTML5, CSS3, Vanilla JS. This site validates the input fields of the form using some RegEx methods specially in email & password input field. This site also has introductory animation built purely with CSS animations, This site also follows mobile first approach strategy and lastly the Javascript code pattern uses ES6 Classes.
-
-
Blogr landing page
- HTML
- CSS
- Vanilla JS
A landing page challenge from www.frontendmentor.io built with core HTML5, CSS3 and a little Vanilla JS for the navigation component. This site follows the mobile first approach strategy on styling the webpage and also this site also has an introductory animation built with CSS animation.
-
Tip Calculator App
- HTML
- SASS
- Vanilla JS
- Webpack
A component page challenge from www.frontendmentor.io built with HTML5, SASS, Vanilla JS and Webpack, Where the app calculates the bill to each available person including the tip. This site follows the mobile first approach on styling the webpage. And also this page uses JavaScript ES6 module
