(React.js, Next.js, Storybook & Prismic; Main Navbar, Sub-Navbar, Text&Image component, Rotating-Words component, Protection page, Blog page, About page and more)
(React.js & Next.js; Hero component, Text&Image component, Text Suite component, footer and more)
(Shopify, React.js & Next.js; Event page with Madwell team)
This React SPA (Single Page App) with Redux is a card version of Higher Lower Game. Both fetch
method and Axios library were used for communicating with APIs. Card deck is from Deck of Cards, and user info and game records persist to custom-made Rails API on Heroku server. Users can play the game after either sign-up or log-in. Design process was helped by Material-UI.
Weboard is an online bulletin board. It is created with vanilla JavaScript as SPA (Single Page App), backed by Ruby on Rails API on backend (Ruby 2.6.1 & Rails 6.1.3.1). After logging in, users can create new notices/comments, and edit or delete their own notices. If you can, find some Easter Eggs, too!
This mock booking website was inspired by the COVID-19 pandemic situation. People can register for in-person events, and Admin can create events limiting the number of attendees. The project is created by Ruby on Rails, and the first time visitors can use their own Google Account, instead of newly signing up, via OAuth 2.0.
This Sinatra Ruby Web app allows users to create video logs and post comments to posted vlogs. Super user can create, read, update, and delete vlogs, comments, and even users, like making someone else admin, except for deleting yourself; Admin user can create, read, and update vlogs, and create, read, update, and delete comments, and read the users. Normal user can create, update, and delete your own vlogs and comments, and read all vlogs and comments.
The Country Info App was made on Ruby language. Through CLI console communication, Users can look for their desired country, and find the short info of it. Then, if still curious, they also can check on the current weather of the capital area of the country. The link here is its Replit demo.
(Dsigned by Jenna)
(Set hosting service)
(Personal project with Node.js)
(JavaScript-based guessing game)
(Gradient background color generator)
(Maintained contents)