Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/angelozdev/petgram
instagram pets react
Last synced: about 2 months ago
JSON representation
Petgram is an Instagram clone where you can see photographs of pets by categories. Using Webpack, GraphQL, React Hooks, React Router, SEO and PWAs.
- Host: GitHub
- URL: https://github.com/angelozdev/petgram
- Owner: angelozdev
- License: mit
- Created: 2020-06-11T16:10:08.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T19:02:43.000Z (almost 2 years ago)
- Last Synced: 2024-04-06T12:40:47.626Z (9 months ago)
- Topics: instagram, pets, react
- Language: TypeScript
- Homepage: https://petgram.angelozam17.vercel.app/
- Size: 4.14 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 33
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Petgram
_Petgram is an instagram clone for pets._
## Starting
_You can clone this repository to have the project local:_
```bash
git clone https://github.com/angelozdev/petgram.git
```
_Install the necessary dependencies in the root of the project._
```bash
npm install
```
_Run the following command to start the project in development mode:_
```bash
npm start
```
## Deploy
_You can see the project in production [Petgram - A instagram clone for pets](https://petgram.angelozam17.vercel.app/)_
## 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](https://reacttraining.com/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](LICENSE.md) for details