Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mubassim-khan/meme-generator
This repository contains the code of a Meme Generator using React JS only. View README for more descriptive overview about repository.
https://github.com/mubassim-khan/meme-generator
api fetc meme-generator react-router reactjs
Last synced: about 2 months ago
JSON representation
This repository contains the code of a Meme Generator using React JS only. View README for more descriptive overview about repository.
- Host: GitHub
- URL: https://github.com/mubassim-khan/meme-generator
- Owner: Mubassim-Khan
- License: mit
- Created: 2023-08-29T18:18:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-02T12:18:10.000Z (about 1 year ago)
- Last Synced: 2023-12-03T12:42:03.296Z (about 1 year ago)
- Topics: api, fetc, meme-generator, react-router, reactjs
- Language: JavaScript
- Homepage: https://m-meme-generator.netlify.app/
- Size: 1.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meme Generator
This repository contains the code of a Meme Generator using React JS purely. The project creates the visual designs, text in different sections & all other parts which are required and necessary for building a Meme Generator.
## Preview
[](https://app.netlify.com/sites/m-meme-generator/deploys)
## Features
- Responsive design: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop & mobile devices.
- Interactive components: The page includes interactive elements such as buttons, cards & other effects on UI.
- CSS styling: The stylesheets provide a sleek and modern look.
- Edit in your way: Add text on meme templates in the way you want.
## Tech used 🛠️
- [React](https://reactjs.org/) - UI Library
- [Prettier](https://prettier.io/) - Code Formatter
## Getting Started
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Mubassim-Khan/Meme-Generator.git
```
2. Open the project in your preferred code editor.
3. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
## Contributing
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
## Acknowledgements
* Copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
## Contact
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn : [Mubassim Ahmed Khan](https://www.linkedin.com/in/mubassim-ahmed-khan/)
- Email: [[email protected]](mailto:[email protected])
---
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `npm test`
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.