This is a simple Angular photo gallery app using Unsplash API for image retrieval and Tailwind CSS for style.
Figma desing guide can be found here.
Angular photo gallery app using Unsplash API and Tailwind CSS
This is a simple Angular photo gallery app using Unsplash API for image retrieval and Tailwind CSS for style.
Figma desing guide can be found here.
Currently, deploying to github pages is broken.
Create a side-drawer menu component that follows the overall design of the app.
This menu can be toggled by clicking on the icon from the top-bar.
References can be found here.
Add the ability to manually toggle dark theme using a dropdown menu, attached to the icon in the topbar. Implement using localStorage for theme preference.
Consult the docs here.
We are looking for a dropdown similar to this one (but that matches our design):
For the toggle itself we want to use the Inner Moon toggle. It's really smooth and beautiful!
Create an image details modal, following our design.
The modal is opened when clicking on a card in the gallery.
It contains a section about the artist as well as a a section with general information about the image and an action section (where you can for example download the image).
Add a subtle 3D card hover effect to the image cards in the gallery.
References:
https://codepen.io/markmiro/pen/wbqMPa
https://dribbble.com/tags/css_3d_hover_effect
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.