Projects
Makeup Artist's Website
A website that I am currently building for a makeup artist. Showcasing her previous work for future clients. Not available for live view yet. Coming soon!
React
D'witter
Created Twitter style sns app. I am working on this to learn and understand google firebase. Functionalities I've built so far: User can 1. sign up with email or using google/github login. 2.update profile picture, display name 3. Dweet and edit or delete the Dweet that user created!
React, Styled Components, Firebase
Portfolio
My portfolio website. Yes, this is the website you are currently looking at. Since I've been learning React, I wrote it with React. Also, I wanted to learn to use libraries, so tried to use Styled Components and GSAP for animation.
React, CSS, Styled Components, GSAP
My Bar - Cocktail Recipe App
Cocktail recipe app built with React using API. There are recipes of gin based cocktails. You can scroll to discover recipes or search name on the app to find the recipe. First app I built with React. I made this to learn to get data from API and play with it. It was also first time that I used router to display different sections.
React, CSS
E-commerce Store
E-commerce store selling furniture. It's written with Vanilla JavaScript. I intentionally didn't use any framework or library for it. There are three pages - Home, Shop and Magazine. You can search items by color, category and price range using 'Filter By' menu on left side on shop page. Products can be sorted in three ways: Default(Best Match), Price: highest first, Price: lowest first. Clicking the Add to basket button will update the cart icon in the top right of the page to show the number of products in the cart. Products in the cart are stored and remembered by the browser using local storage.
JavaScript, SASS, HTML
To Do App
To Do App built with Vanilla JS. Made this app to learn to add/save and delete from page and local storage. You can add/delete user name and it displays greeting message with user name. You can add new to-do on the list, delete, move to done, move back to to-do. Current time, date and real time temperature will be displayed by location (using API from https://openweathermap.org/api) Background image changes randomly every time when it's refreshed.
JavaScript, CSS, HTML
Calculator
Calculator made with Vanilla JS. It has basic functionality of calculation(+,-,*,/) and can calculate multiple numbers. I made this to see how I can actually use JavaScript that I learned and how to use the functions.
JavaScript, CSS, HTML
Designed and built by Dahye Ji