Recognition model for wireframed tables

Dynamic Table built with React, featuring dropdown menus for each row and a round toggle button for switching between dark and light modes. Fully responsive and interactive, providing a seamless user experience with dynamic row addition/removal.

Visualizations, Interactive UI Design, D3.js potential, From Wireframe to Visual Prototype, Table View, Nested View, Network View, Flat UI Buttons, Intuitive UI

This repository contains the final assessment project for UX/UI course from the iOS Developer Professional Certificate by Meta. The project involves designing an intuitive and user-friendly interface for a "Reserve a table" feature. It includes wireframes and a high-fidelity prototype, showcasing my skills in UX/UI design for iOS app development.

A simple Figma design for a ficticious restaurant. Some screens wireframes and a final prototype of the "book a table" feature.

Figma UI designs including wireframes and prototypes for little lemon mobile & web app, with the reserve a table and order food online functionality.

Little Lemon Table Reservation – Project files for a restaurant booking system. Includes VS Code source code, Figma designs (wireframes, mockups, prototypes), and docs. Goal: build a simple, user-friendly online table reservation solution for Little Lemon.

Data Visualization project from the Excelerate Virtual Internship – transforming raw datasets into interactive dashboards using SQL, Python, and Looker Studio. Includes EDA reports, ETL scripts, mapping tables, wireframes, and final presentation.

Build webapp where you can see the covid-19 statistics with map, graph, country wise with react.js, tables, chart, map, infobox, wireframe , API and deploy to firebase, 🔥🚀✅🙂

Final project for META front-end developer professional certificate program - implementation of the interactive functionality for the table reservation feature of the website of Little Lemon restaurant. Includes wireframes and prototypes of the reservation functionality designed in Figma

Designed and prototyped a mobile "Reserve a Table" feature for a restaurant website using Figma. The project included creating a user persona, journey map, low-fidelity wireframes, and a high-fidelity interactive prototype with animations, branding, and interactive elements like buttons for seamless user navigation.

A web app using python and django that allows a user to add and remove courses (based on a given wireframe). Added courses are displayed in a table on the same page. Validation rules check the user's input, and the user has a chance to verify a deletion before the course is removed from the database.

Name controllers/views in plural form (i.e. ‘Products’) Name each model singular (i.e. ‘Product’) Create 7 methods in your view/controller; refer to the routes in the wireframe for guidance index: Display all products show: Display a particular product new: Display a form to create a new product edit: Display a form to update a product create: Process information to create a new product update: Process information from the edit form and update the particular product destroy: Remove a product Feel free to reference the following table (in this case pets are the resource) to build RESTful routes. Note that this assignment only asks that you build a semi-RESTful application. That’s because we only expect you to use GET and POST verbs (not PUT, PATCH or DELETE), so you can’t reuse URLs to the same extent.

In this assignment you will develop “iTunes Top Paid Apps” app, which displays the list of top paid apps from “iTunes Top Paid Apps” rss feed. In addition to displaying the top paid apps, the app allows the user to filter specific apps and store them in a SQLite database. (a) Loading Dialog. (b) Sorting, default is Ascending. (c) ListView sorted descending (d) Long Click on item (e) Added to Filtered Apps list. (f) Click on Trash icon. iTunes Top Paid Apps Loading... iTunes Top Paid Apps Filtered Apps: Descending Image Minecraft: Pocket Edition Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Earn to Die - Not Doppler Image Price: USD 0.99 Image Plague Inc. Price: USD 0.99 iTunes Top Paid Apps Minecraft: Pocket Edition Image Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Filtered Apps: There is no filtered apps to display. Descending iTunes Top Paid Apps Filtered Apps: Descending Image Minecraft: Pocket Edition Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Plague Inc. Image Price: USD 0.99 iTunes Top Paid Apps Heads Up! Image Price: USD 0.99 Earn to Die - Not Doppler Image Price: USD 0.99 Plague Inc. Image Price: USD 0.99 Monument Valley Image Price: USD 1.99 Filtered Apps: There is no filtered app to display. Ascending iTunes Top Paid Apps Minecraft: Pocket Edition Image Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Filtered Apps: There is no filtered apps to display. Descending Page 2 of 5 Main Activity (100 points): This assignment has only one activity, MainActivity (Figure 1). This activity contains a top ListView of apps and a bottom RecyclerView of filtered apps. The API to be used for this assignment is: https://itunes.apple.com/us/rss/toppaidapplications/limit=25/json. The top ListView is a list of apps retrieved from the API and should not include any of the apps that have been filtered by the user. The bottom RecyclerViewer displays the apps that have been filtered by the user. The requirements are as follows: Part 1: 8. When the app starts, it should call the API to retrieve the list of apps, parse the retrieved items and display the top ListView and bottom RecyclerView. While the API is being accessed display a progress dialog as shown in Figure 1(a). Use a thread pool or AsyncTask to access the API and parse the result using JSON parser. 9. On top of the activity there is a refresh button, and a sorting Switch. By default the Switch should be set to ascending state, which is sorting the list in ascending order by the app price. Note that the Switch label indicates “ascending” to reflect the state of the Switch. The other state of the sorting switch is descending, which should sort the list in descending order. The label of the Switch should be changed to reflect the sorting state. 10. When the sorting Switch is toggled the list should be refreshed to reflect the updated sorting state. 11. The retrieved items should be displayed in top ListView/RecyclerView as shown in Figure 1(b). The top list should be created using a customized ListView, or RecyclerView. Each item should contain the app thumbnail, app name, app price and the dollar image according to the app price. The app price images should be displayed according to the following: i) One dollar icon, for apps with prices from $0 to $1.99. (g) Item deleted from filtered list. (h) Click on Refresh button. (i) Refreshed and Filtered list. Figure 1, App Wireframe iTunes Top Paid Apps Filtered Apps: Descending Image Minecraft: Pocket Edition Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Plague Inc. Image Price: USD 0.99 iTunes Top Paid Apps Filtered Apps: Descending Image Minecraft: Pocket Edition Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Plague Inc. Image Price: USD 0.99 iTunes Top Paid Apps Filtered Apps: Descending Image Minecraft: Pocket Edition Price: USD 6.99 Facetune Image Price: USD 3.99 HotSchedules Image Price: USD 2.99 Monument Valley Image Price: USD 1.99 Plague Inc. Image Price: USD 0.99 Page 3 of 5 ii) Two dollar icon, for apps with prices from $2.00 to $5.99. iii) Three dollar icon, for apps with prices greater than or equal to $6.00. 12. In the top list, the apps should be displayed in sorted order based on the sorting order set by the sorting Switch at the top of the activity. 13. This app has a feature which allows the user to filter apps and store them in a SQLite database locally. The filtered apps should not be displayed in the top ListView. Create the SQLite database with table called Filter having columns: name, price, thumb_url. This table will be used to save the filtered apps. 14. When displaying the top ListView, the apps included in the Filter table should not be displayed in the top ListView. Part 2: 1. The bottom ListView/RecyclerView should display the apps present in the Filter table, which are the apps that have been filtered by the user. When the Filter table is empty, display a message, “There is no filtered apps to display.” 2. A long click on any item in the top ListView (Figure 1(d)), should: i) Add the selected item to the SQLite Filter table. ii) Remove the selected item from the top ListView, because it is now filtered. The top ListView should be refreshed to display only the items that are not filtered. iii) The bottom ListView/RecyclerView should be refreshed to display the updated list of items in the Filter table. See Figure 1(e). 3. The bottom list should be displayed as a horizontal List/RecyclerView as shown in Figure 1(e). The bottom RecyclerView should show all the apps present in the Filter table. 4. Each item in the bottom List/RecyclerView should include the app thumbnail, name, price and the dollar sign icon. A trash icon should be displayed on the bottom right corner of each item as shown in Figure 1(e). 5. Clicking on the trash icon should perform the following operations: i) Delete the selected item from Filter table. ii) Refresh the upper list to display all the apps that retrieved from the API that are not present in the Filter table. iii) Refresh the bottom list to display the apps in the Filter table. 6. The apps should be sorted based on the sorting order indicated by the Switch. 7. Clicking on the Refresh icon should perform the following tasks: i) Call the API to retrieve an updated list of apps. ii) Refresh the upper ListView to display all the apps that retrieved from the API that are not present in the Filter table. iii) Refresh the bottom RecyclerView to display the apps in the Filter table. 8. Use can use the Picasso library to load images.

Table wireframe

This React project demonstrates a dynamic and interactive table with features like single-select and multi-select dropdowns, dynamic row addition, and user-defined options. Styled using Tailwind CSS, it showcases clean design and effective state management with useReducer. Perfect for learning and demonstrating frontend development skills.

No description available

No description available

No description available

kpi-dashboard-layout

Tableau Dashboard

Isometric wireframe graphics from tables

No description available

No description available

No description available

No description available

This program is to use photonvision (and photonlib)'s wireframe drawing feature in simulation. Since this is only available in java, this program is robot code to run in java and read from network tables the appropriate data for wireframe simulation.

No description available

No description available

an adaptive wireframe to demonstrate website behavior on mobile, table and desktop