Projects

Layout inspired by Trello

Used blur + opacity combination styling

[On-going Project] Project management app inspired by Trello. This app will provide various templates of work flow management.

#Javascript #Styled-components #React

See app See code

List of Pokemon cards colored by their types

Click the cards to see their details

A simple Jquery project to build PokeDex. Displays Pokemons in their number order with detailed information in modal window. Applied infinite scroll function.

#Javascript #Jquery #Animate.css #Bootstrap

See app See code

Users can login using their existing account

Users can register if they don't have an account

List of some of my favorite movies

Click the movie card to see details. Users can add selected movie to their favorite list.

Click on Genre to see other movies with same genre

Click on Director to see other movies filmed by the same director

Showing user account page. Users can update their info and favorite list.

Full stack project made with MERN stack This project uses database I created with some of my favorite movies. It can register a user and save their account info to the database. Used Heroku to host this app.

Use a test account to try it out!
Account: test
Password: 111111 ---> (Six ones)

#Javascript #React #Express #NodeJS #MongoDB #Redux #Bootstrap #Passport #Heroku

See app See code

Users can enter their name and select color of chat screen on main screen

Three actions are available

Example view of messages

Chat app made with React Native and GiftedChat with given design instruction. Users have option to change the color of the chat screen. Photo from library, directly from camera, and current location can be sent as a message. Message data will be stored in asyncstorage and Firebase.

#Javascript #React-Native #Expo #Firebase #Firestore

See code

Users can add to-dos with title and content

To do will be added as a card

User can edit, delete, drage and drop cards

To do list app built with Vue. Used Its data will be stored in local storage. It provides drag and drop feature to sort to-dos in user's priority.

#Javascript #Vue #Material-Design

See app See code

Authenticate user with their Google account

Main page shows all available events with pie chart and scatter chart

List of events - details are collapsed by default - can be expanded with show detail button

Search events by city name

Event searching application made with Careerfoundry's Google Calander API. Applied OAuth for user authentication. Some commponents were coded as object oriented programming.

#Javascript #React #AWS #Atatus #Jest #Puppeteer #Enzyme #Rechart #OAuth

See app See code

Accessible only with screen width +1024px

Projects

Filter by