devstagram Svelte Themes

Devstagram

Devastagram, Instagram Home responsive made with Svelte.

Devstagram

Devstagram, Instagram Home responsive made with Svelte. This application was made for the purpose of practicing the Svelte course of Platzi.

Additional elements for the class project:

  • Responsive: completely responsive site.
  • Dark Mode: A fully functional dark mode button was added.
  • Size adjustment for the comment input field: every time a line of text is completed, the height is increased by one row.
  • Validation of the publish button (post) regarding the entry of comments: if there is no data or if only spaces are entered, the button will be disabled.
  • Publish (post) button with different styles to differentiate its status: different styles were added to indicate if the button is enabled or disabled.
  • Double tap like but not dislike: the images of each post can be given like by double-clicking on the image, but it cannot be dislike by double-clicking on the image again. This imitating the functionality of instagram ...
  • Share mode with twitter and whatsapp: the fully functional twitter and whatsapp option is added to the share button.

Resources used

To use

To install Devstagram locally:

git clone https://github.com/mappedev/devstagram.git
cd devstagram
npm install

To build dist:

npm run build

To run the code

npm run start

Top categories

Loading Svelte Themes