โก A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
MIT License
Click this link to view rocketmeme
In other to run our react app, make sure you have the following installed locally.
Clone this repository to your local machine.
git clone https://github.com/Evavic44/rocketmeme.git
Change directory into the client folder. This is where the frontend code lives.
cd client
npm install
Run the development server to view the app.
npm run dev
Now you can navigate to http://localhost:3000 to view the app.
npm run build
This is a preview of your dev server.
npm run serve
This is a preview of your build
/* API Endpoint */
https://rocketmeme-user.hasura.app/v1/graphql
With Hasura, we were able to create a serverless API using Hasura cloud. The API exists for two types of requests: The meme template and the uploaded memes. If you're interested, you can start exploring the API docs to get an idea of everything possible with the rocketmeme API.๐
async function fetchGraphQL(operationsDoc, operationName, variables) {
const result = await fetch(
"undefined",
{
method: "POST",
body: JSON.stringify({
query: operationsDoc,
variables: variables,
operationName: operationName
})
}
);
return await result.json();
}
const operationsDoc = `
query MyQuery {
meme_templates(order_by: {id: asc, image_link: asc, title: asc}) {
id
image_link
title
}
}
`;
function fetchMyQuery() {
return fetchGraphQL(
operationsDoc,
"MyQuery",
{}
);
}
async function startFetchMyQuery() {
const { errors, data } = await fetchMyQuery();
if (errors) {
// handle those errors like a pro
console.error(errors);
}
// do something great with this precious data
console.log(data);
}
startFetchMyQuery();
Styling is done using styled-components and css3
A preview of the style guide.
Are you contributing to this project, please ensure all pull requests and contributions comply with our guidelines. Before making any changes, ensure you have raised an issue here, unless it is a minimal change.
โโโ client
โ โโโ public
โ โ โโโ images
โ โ โ โโโ ../
โ โ โโโ Robots.txt
โ โ โโโ _redirects
โ โโโ src
โ โ โโโ Components
โ โ โ โโโ ../
โ โ โโโ pages
โ โ โ โโโ ../
โ โ โโโ App.jsx
โ โ โโโ index.css
โ โ โโโ main.jsx
โโโ src
โ โโโ controllers
โ โโโ middlewares
โ โโโ models
โ โโโ routes
โ โโโ services
โ โโโ utils
โ โโโ index.js
โโโ .env.example
โโโ .gitignore
โโโ .gitpod.yml8
โโโ CODE_OF_CONDUCT.md
โโโ CONTRIBUTING.md
โโโ LICENSE
โโโ README.md
โโโ package.json
This structure is completely flexible and bound to change. Updates to this tree is done manually till we find a suitable generator ๐ฟ
This project is protected by MIT License.
Consider supporting us buy buying us a coffee or two. We appreciate every donation.
If you like this project, kindly star โญ and share this project. It means the world to us.
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!