frontend-final-project
Shipped: A view onto a public dataset
Built Weather Window, a React app that turns hourly public weather forecast data into a practical outdoor-time recommendation. Users can search cities and supported region names, view a continuous outdoor window of up to three hours, and see the precipitation, wind, and temperature values behind the recommendation. The project uses Open-Meteo geocoding and forecast APIs. The repository includes setup and usage instructions, recommendation logic, limitations, and representative-location handling for supported regions. Loading, API error, and no-suitable-window states are handled explicitly. The project was tested with a production build, pushed to GitHub, and deployed on Vercel for reviewer access. Repository: https://github.com/rajatpandey14/weather-window Live: https://weather-window-five.vercel.app Built for the Verified Frontend Internship · Final project
Shipped: A view onto a public dataset
I built Nepal Tourism Explorer, a React/TypeScript data visualization app using official Nepal Tourism Board tourism statistics. The reviewer can verify the acceptance criteria by: Making public data understandable: The app visualizes Nepal’s international visitor arrivals from 2019–2025 and the top 10 source markets for 2025. Handling loading/failure states: The app includes loading, error, retry, and empty-data states. Documenting limitations: The README explains the data source, what the data can show, and what it cannot measure. Reproducibility: The README includes local setup and build instructions. Development history: The GitHub repository contains the project’s commit history showing its development. Deployment: The live application is available at https://nepal-tourism-explorer-khaki.vercel.app/ Repository: https://github.com/tenjeebkc/Nepal-tourism-explorer Live: https://nepal-tourism-explorer-khaki.vercel.app/ Built for the Verified Frontend Internship · Final project
Shipped: A rebuild of one feature you use
I built a pixel-perfect, interactive clone of the Canva export modal using strictly vanilla HTML5, CSS3, and JavaScript, without any external libraries. A reviewer can verify the acceptance criteria are met by checking the live demo and the repository: 1. Clean Code: All development comments have been removed from the source files. 2. UI/UX & Styling: Features custom-styled CSS radio toggles, gradients, and dynamic loading/success states. 3. Accessibility (a11y): Implemented aria-live="polite" for status messages and proper semantic labels for all inputs. 4. Defensive Programming: Includes state validation (preventing download if no page is selected) and a proactive navigator.onLine check to intercept offline requests immediately. 5. Documentation: The README.md file contains comprehensive setup instructions, technical decisions (defensive programming vs. UX), known limits, and a specific feature improvement comparison over the original Canva modal. Repository: https://github.com/Carmy4/canva-export-menu Live: https://carmy4.github.io/canva-export-menu/ Built for the Verified Frontend Internship · Final project
Shipped: A rebuild of one feature you use
I rebuilt Spotify’s persistent web player UI as a standalone React app styled with Tailwind CSS and Lucide icons. A reviewer can verify the acceptance criteria directly through the GitHub repository's step-by-step commit history and the clear setup instructions provided in the README. Full keyboard navigation is supported out of the box using Space for play/pause, Arrow keys for seeking and volume control, M for mute, and Tab for visible focus navigation. Failure states are explicitly handled, showing a retry banner on media loading errors and an SVG placeholder if album art fails to load. Finally, the README compares the build against the original by detailing omitted features like authentication and highlighting an key UI accessibility improvement. Repository: https://github.com/ghazlsinjab80/spotify-mini-player Built for the Verified Frontend Internship · Final project
Shipped: A view onto a public dataset
I built GitHub Repository Signals — you type in any public repo (like facebook/react) and it tells you something GitHub itself doesn't show you in one place: how much of the project actually depends on one person. It pulls the repo's contributors and calculates what percentage of commits came from the top contributor, so you can tell at a glance if a project is a healthy team effort or basically one person holding it together. Repository: https://github.com/hassannnn13/devConnect-Internship-Final-Project.git Live: https://git-repository-explorer.vercel.app/ Built for the Verified Frontend Internship · Final project
Shipped: A view onto a public dataset
I built Quakescope, a real-time earthquake monitoring web application using React 19, Vite, Tailwind CSS, Leaflet, and the USGS Earthquake Catalog API. The application transforms earthquake data into an interactive and understandable interface. Users can view earthquake locations on a map, filter events by magnitude and time, and inspect individual earthquake details such as magnitude, coordinates, significance, and alert information. A reviewer can verify that the acceptance criteria are met by following these steps: Acceptance Criterion: Earthquake data is displayed Verification: Open the application and confirm that earthquake events are loaded from the USGS API and displayed in the interface. Acceptance Criterion: Interactive map works Verification: Check that earthquake markers appear on the Leaflet map and that the map can be explored. Acceptance Criterion: Filtering works Verification: Change the magnitude and time filters and verify that the displayed earthquake results update according to the selected criteria. Acceptance Criterion: Earthquake details are available Verification: Select an earthquake and confirm that its details, including magnitude, location, coordinates, and other available information, are shown. Acceptance Criterion: Loading and error states are handled Verification: Test the application during loading or with an unavailable network/API response and verify that the interface provides appropriate feedback rather than failing silently. Acceptance Criterion: Responsive and accessible interface Verification: Resize the browser and test keyboard navigation, focus states, and the usability of the main controls. Acceptance Criterion: Project can be run locally Verification: Clone the repository, run npm install, then npm run dev, and open the local Vite URL to inspect the application. The source code and implementation are available in the Quakescope GitHub repository: https://github.com/techtuber9988/quakescope. This allows the reviewer to inspect both the functionality and the technical implementation. Repository: https://github.com/techtuber9988/quakescope Live: https://quakescope.vercel.app/ Built for the Verified Frontend Internship · Final project
Shipped: CryptoTracker
This is my take on a CryptoTracker. I've noticed that many cryptocurrency websites these days are confusing and brightly colored, with so many random numbers that can be overwhelming. Clicking one of them opens a modal (unlike other websites that lead to a new page) that shows the latest 48 hours and a naive prediction of where the price could go, along with an hourly compilation of prices. Repository: https://github.com/MedicMedic/CryptoTracker Built for the Verified Frontend Internship · Final project