angelozdev / petgram

Petgram is an Instagram clone where you can see photographs of pets by categories. Using Webpack, GraphQL, React Hooks, React Router, SEO and PWAs.

Petgram

Petgram is an instagram clone for pets.

Starting

You can clone this repository to have the project local:

git clone https://github.com/angelozdev/petgram.git

Install the necessary dependencies in the root of the project.

npm install

Run the following command to start the project in development mode:

npm start

Deploy

You can see the project in production Petgram - A instagram clone for pets

Built with

Technologies used in the frontend.:

• ReactJS A JavaScript library for building user interfaces.
• Styled-Components is the result of wondering how we could enhance CSS for styling React component systems.
• TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.
• Axios Promise based HTTP client for the browser and node.js.
• React Router Dom DOM bindings for React Router.
• Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
• Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.
• GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.

Preview

License

This project is under the License (MIT) - see the file LICENSE.md for details