https://github.com/cristian-sbardelotto/meme-creator

✅ The project is a creator of memes. The user can use an image of his own machine and customize the font color and decoration. After that, the user can also download the image. The website has light/dark themes.
https://github.com/cristian-sbardelotto/meme-creator

eslint font-awesome react styled-components typescript vercel vite

Last synced: 11 days ago
JSON representation

✅ The project is a creator of memes. The user can use an image of his own machine and customize the font color and decoration. After that, the user can also download the image. The website has light/dark themes.

• Host: GitHub
• URL: https://github.com/cristian-sbardelotto/meme-creator
• Owner: cristian-sbardelotto
• Created: 2023-05-03T00:25:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-30T15:49:13.000Z (8 months ago)
• Last Synced: 2024-03-30T16:39:39.979Z (8 months ago)
• Topics: eslint, font-awesome, react, styled-components, typescript, vercel, vite
• Language: TypeScript
• Homepage: https://meme-creator-kappa.vercel.app
• Size: 467 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Meme Creator 




The project is a creator of memes. The user can use an image of his own machine and customize the font color and decoration.

After that, the user can also download the image.

The website has light/dark themes.





  Technologies   |   

  Usage   |   

  Installation   |   

  Layout      








Light Mode:



Dark mode:





🖱️ Technologies


This project was made with the following technologies/libraries:


- ReactJS

- TypeScript

- Styled-Components

- Font-Awesome ( icons )

- Vite ( boilerplate )

- ESlint ( linter )




🖥️ Layout





> To see the Deploy, check [THIS LINK](https://meme-creator-kappa.vercel.app/)




🖥️ Usage


  


  


    1. On the website, you can create a new meme using an image of your machine

  


  


    2. To edit the image, you have to type you caption in the Input.

    You can also update font color and decoration.

  


  


    3. If you want to discard the current image, just press the "Discard changes" button. If you liked your meme, press the "Download" button to save the image on your device.

  





📤 Installation


Firstly, you need to clone the project on your machine:




git clone https://github.com/cristian-sbardelotto/meme-creator




After that, open the project folder and install the dependencies:



npm i

yarn

To run the project on your browser, use:


npm run dev

yarn dev




---



Enjoy this project!





Developed with ❤️ by Cristian Sbardelotto




[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/cristian-k-sbardelotto/)

[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/cristian-sbardelotto)

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://portfolio-chi-lemon-51.vercel.app)