126 skills found · Page 5 of 5
DashboardCode / RoutinesFunctional framework to compose functions parametrized by object navigation expression (such functions as "clone", "compare", "serialize" etc.) and provide some popular but missed in standard framework abstractions.
jeffwitz / Pdf2web PresenterConvert PDF presentations to interactive web slideshows with laser pointer functionality. Features include fullscreen mode, video support, and thumbnail navigation using Swiper.js.
shawnq8861 / Ros Visnav SlamROS package holding nodes that demonstrate basic publish/subscribe, along with higher level computer vision functionality used in robot control, including optical flow, visual odometry, EKF fused IMU/visual navigation and vSLAM, and CNN integration for object detection on a moving robot platform.
ricomwaura / BITE ME IF YOU CANA modern React + TypeScript web app celebrating the joy of cooking. Featuring visually appealing recipe layouts, detailed preparation steps, and intuitive navigation, this project highlights clean design, responsive functionality, and scalable code architecture. A delicious showcase of creativity and development best practices.
UrstrulyBhavana / FlavorFiesta Food Ordering AppFlavorFiesta Food Ordering App is a React-based single-page application (SPA) designed for seamless browsing of restaurant menus, food item searches, and dynamic shopping cart management. Built with modern web practices, it combines functional and class-based components, Redux for state management, React Router for navigation, and Tailwind CSS
Abhinaykotla / Digital Thesis RepositoryDigital Thesis Repository is a centralized platform for storing and retrieving academic theses, streamlining access for students, faculty, and researchers. It features secure storage, efficient search functionality, and user-friendly navigation. Built with a React frontend and a Next.js backend, project ensures optimized performance and scalability
xMpR13 / ReLowCasedThis iOS app built with SwiftUI offers text manipulation features, allowing users to convert text to lowercase/uppercase and encrypt it using a Caesar cipher. It provides a clean interface with straightforward navigation and functionality, making it easy to use for modifying and securing text on iOS devices.
hasnainDevX / Spotify CloneThis project is a clone of the popular music streaming service, Spotify. It showcases a responsive web application built using HTML, CSS, and JavaScript. The clone includes core features such as a navigation bar, search functionality, music player, and playlists, providing a similar user experience to the original Spotify.
khadibd / Robot Color Detection And Object PositioningThe project involves developing an autonomous robot inspired by a ladybug's movement and characteristics. It integrates advanced technologies like computer vision and robotics to create a functional prototype capable of autonomous navigation and task execution.
lightdarkmaster / React Amazon CloneThis project is a clone of the Amazon UI, built with React.js to replicate the design and user experience of the Amazon shopping platform. The application includes features such as a responsive product catalog, navigation bar, and shopping cart functionality. hope you like it. you can visit this project using the link I provide below 👇👇👇
mani360 / AppResturentApp Resturent is a online food ordering app project and this project contain two apps, a user app to order the food from resturent and another is a owner app to receive the order and to view the open order and upload new food for order. Responsibilities: • Responsible for designing the UI of the Application using XML. • Responsible for java coding • Testing the application functionality in different android versions. • Responsible for store data in Firebase database shows in recycler view . • Responsible for creating FirebaseRecyclerAdater using FirebaseUI. • Responsible for creating Navigation Drawer Layout, Click Events and Recyclerview click event • Responsible for the use of library like picasso library to view the image from database. • Worked in all phases of the project including all phases design, developing, testing & deployment.
M-Hammad-Faisal / Ollama ChatOllama Chat is a modern, responsive chat application built with React and TypeScript, integrating with the Ollama API for AI-powered conversations. It features a clean Material-UI interface, chat history management, dark/light mode theming, and advanced chat functionalities like message editing, regeneration, and version navigation.
AhmedMohamedGaber / E CommerceEasyShopper is a comprehensive E-Commerce Platform built using ASP.NET Core MVC. It offers an intuitive online shopping experience with a wide array of products, user-friendly navigation, and secure checkout. Key functionalities include product browsing, a shopping cart, order management, and an admin panel for product oversight.
NonsoBarn / FullStack ECommerce NextJS Sanity StripeThe Erazib Ecommerce practice project is a fully functional online store. It provides a seamless and intuitive user experience with interactive features and smooth navigation. The project leverages the power of NextJS for server-side rendering, TailwindCSS for responsive and beautiful UI components, and Sanity as a headless CMS for managing product
siddharth123-tech / Web MacOSOne day I thought I would recreate OS X as a way to learn random techniques, in a very unorthodox way. I realize this isn't a very original idea, it's just my take on it. I attempted to follow the OS X Human Interface Guidelines as closely as possible for class naming conventions, while doing my best at keeping things "semantic", as if it was a regular website. Flexbox made this thing possible with very little effort. All windows and dock, are draggable, resizable and rearrangeable. Tabs are also rearrangeable. It's dependent on jQueryUI... for now. You can consider your right click hijacked, as the right click context menu functions. Disable the function rightClickMenu(); around line 415 to get your mouse back so you can use your inspector :) The icons came directly from the OS, at some point I'll probably make these into a sprite and optimize them...at some point. The photos app (poorly) pulls my flickr feed. This is a good time to also mention that photography is not my strong suit.. Future goals: Add folder tree navigation to finder, create terminal app, finish Safari functionality (ability to use the address bar, tabs.. maybe bookmarks), contextual/system menus, system preferences. There are TONS of bugs, I'm sure many that I haven't seen...
riggiobill / Front End HTML Web Application# Web Design Homework - Web Visualization Dashboard (Latitude) ## Background Data is more powerful when we share it with others! Let's take what we've learned about HTML and CSS to create a dashboard showing off the analysis we've done.  ### Before You Begin 1. Create a new repository for this project called `Web-Design-Challenge`. **Do not add this homework to an existing repository**. 2. Clone the new repository to your computer. 3. Inside your local git repository, create a directory for the web challenge. Use a folder name to correspond to the challenge: **WebVisualizations**. 4. Add your **html** files to this folder as well as your **assets**, **Resources** and **visualizations** folders. 5. Push the above changes to GitHub or GitLab. 6. Deploy to GitHub pages. ## Latitude - Latitude Analysis Dashboard with Attitude For this homework we'll be creating a visualization dashboard website using visualizations we've created in a past assignment. Specifically, we'll be plotting [weather data](Resources/cities.csv). In building this dashboard, we'll create individual pages for each plot and a means by which we can navigate between them. These pages will contain the visualizations and their corresponding explanations. We'll also have a landing page, a page where we can see a comparison of all of the plots, and another page where we can view the data used to build them. ### Website Requirements For reference, see the ["Screenshots" section](#screenshots) below. The website must consist of 7 pages total, including: * A [landing page](#landing-page) containing: * An explanation of the project. * Links to each visualizations page. There should be a sidebar containing preview images of each plot, and clicking an image should take the user to that visualization. * Four [visualization pages](#visualization-pages), each with: * A descriptive title and heading tag. * The plot/visualization itself for the selected comparison. * A paragraph describing the plot and its significance. * A ["Comparisons" page](#comparisons-page) that: * Contains all of the visualizations on the same page so we can easily visually compare them. * Uses a Bootstrap grid for the visualizations. * The grid must be two visualizations across on screens medium and larger, and 1 across on extra-small and small screens. * A ["Data" page](#data-page) that: * Displays a responsive table containing the data used in the visualizations. * The table must be a bootstrap table component. [Hint](https://getbootstrap.com/docs/4.3/content/tables/#responsive-tables) * The data must come from exporting the `.csv` file as HTML, or converting it to HTML. Try using a tool you already know, pandas. Pandas has a nifty method approprately called `to_html` that allows you to generate a HTML table from a pandas dataframe. See the documentation [here](https://pandas.pydata.org/pandas-docs/version/0.17.0/generated/pandas.DataFrame.to_html.html) The website must, at the top of every page, have a navigation menu that: * Has the name of the site on the left of the nav which allows users to return to the landing page from any page. * Contains a dropdown menu on the right of the navbar named "Plots" that provides a link to each individual visualization page. * Provides two more text links on the right: "Comparisons," which links to the comparisons page, and "Data," which links to the data page. * Is responsive (using media queries). The nav must have similar behavior as the screenshots ["Navigation Menu" section](#navigation-menu) (notice the background color change). Finally, the website must be deployed to GitHub pages. When finished, submit to BootcampSpot the links to 1) the deployed app and 2) the GitHub repository. Ensure your repository has regular commits (i.e. 20+ commits) and a thorough README.md file ### Considerations * You may use the [weather data](Resources/cities.csv) or choose another dataset. Alternatively, you may use the included [cities dataset](Resources/cities.csv) and pull the images from the [assets folder](Resources/assets). * You must use Bootstrap. This includes using the Bootstrap `navbar` component for the header on every page, the bootstrap table component for the data page, and the Bootstrap grid for responsiveness on the comparison page. * You must deploy your website to GitHub pages, with the website working on a live, publicly accessible URL as a result. * Be sure to use a CSS media query for the navigation menu. * Be sure your website works at all window widths/sizes. * Feel free to take some liberty in the visual aspects, but keep the core functionality the same.
hadanischal / PublisherFactsiOS Proficiency Exercise (Banking) Overview The purpose of this exercise is to assess candidate developer’s iOS coding knowledge and style. The exercise involves build a “proof of concept” app which consumes a REST service and displays photos with headings and descriptions. The exercise will be evaluated on coding style, understanding of programming concepts, choice of techniques, and also by the developer’s process, as indicated by the trail of git commits. Specification Create a universal iOS app which: 1. Ingests a json feed from https://dl.dropboxusercontent.com/s/2iodh4vg0eortkl/facts.json 2. You can use a third party json parser to parse this if desired. 3. The feed contains a title and a list of rows 4. Use Collection View to display the content. Making sure the CollectionViewCell size is dynamic and which should vary based on the image size. 5. Restrict the image to go to outside of the device width if image is having a larger width then your device. 6. Loads the images lazily 7. Don’t download them all at once, but only as needed 8. Refresh function 9. Each image having title at the bottom of the image. 10. For iphone & iPad (portrait)- When click on collection view image, navigate to detail page having title on navigation bar with image as banner and description at the bottom of the banner image. 11. For iphone & iPad (landscape)- When click on collection view image, navigate to detail page having title on navigation bar with image on the left hand side of the screen and description at the right hand side of the screen (ratio size of the screen between image and description is 30:70). Note - Should not block UI when loading the data from the json feed. Guidelines 1. Use Git to manage the source code. A clear Git history showing your process is required. 2. Scrolling the collection view should be smooth, even as images are downloading and getting added to the cells. 3. App should support both iPhone and iPad (in both orientations). 4. If threading is considered - Do no spawn threads manually by using performSelectorOnBackgroundThread, use GCD queues instead. 5. Use auto layout while designing the screen. 6. Comment your code where necessary. 7. Try to polish your code and the apps functionality as much as possible. 8. Commit your changes to git in small chunks with meaningful comments 9. Do not use any singletons in your submission Additional Requirements 1. Supports all iOS versions from the latest back to iOS8
mlms13 / NavtacularA horizontal navigation bar with menus that doesn't depend on Javascript for core functionality.
CodeHimBlog / Flat MenuPull and sliding navigation system with Client-Side Functionalities using Material Design, HTML5, CSS3 and jQuery.
andreasbm / Skip NavigationWeb component friendly skip navigation functionality
