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