JSXplorer
Objective
JSXplorer is a travel tracking application that lets users mark locations on a map, and document their journeys. While JSXplorer is built to showcase React and TypeScript skills, it is not optimized for all screen sizes and focuses on demonstrating functionality and scalability.
Tools & Technologies
Project Links
- Live Demo: See It in Action
(Note: The application is designed for desktop screens and may not display correctly on smaller devices.)
- Source Code: View Code on GitHub
Challenge
One of the major challenges was integrating a dynamic, interactive map using Leaflet.js. Ensuring smooth rendering of map tiles and markers required careful optimization and debugging. Creating a user-friendly experience where users could seamlessly add and view their travel memories demanded iterative refinement and usability testing.
Handling global state efficiently for cities, user authentication, and application status was another significant challenge. Adopting the Context API with useReducer helped streamline this process, but ensuring the app remained performant and scalable required thoughtful architectural decisions.
Responsiveness was not a focus for JSXplorer, as the goal was to highlight specific React and TypeScript skills. Future iterations of the project could involve optimizing the design for various screen sizes and devices.
Related Projects
