This dynamic interface highlights my skills while offering seamless navigation to essential sections.
Built with Next.js, TypeScript, TailwindCSS, MongoDB, and GraphQL, based on AWS services, it highlights responsiveness, user experience, and functionality.
The SF Dashboard offers an interactive BART map modal, a 3-day weather forecast for San Francisco, a graph displaying historical traveler data, and detailed information with locations for the top 10 city attractions.
The BART map modal is a static image, and the weather forecast data is from WeatherAPI and saved to MongoDB using Lambda and EventBridge daily. All images are generated using ChatGPT All images were generated using ChatGPT
The Users Page allows admins to view essential user information, sort by various fields, and filter based on specific conditions. This feature is designed to enhance administrative efficiency and ensure easy access to critical user data.
All users data was generated using Faker.js and stored in MongoDB.
The Task Management Page is modeled after Trello, offering a familiar layout and functionality. It supports drag-and-drop task movement between columns, as well as the creation, editing, and deletion of tasks to streamline task management.
For demo purposes, data is handled on the client side, so refreshing the page will reset it to the initial state.
This project improves the class lookup experience for COPA STC's membership scheduling page, with a focus on enhancing the mobile user experience. The original site worked well but had room for mobile optimization. I redesigned the interface to provide a more intuitive and user-friendly mobile experience. You can view the enhanced version at https://copa-schedule.vercel.app/.
The site is live and actively used by real users. Improvements focus on mobile usability and search efficiency.
© 2024 Emily Kang. All Rights Reserved.