GithubHelp home page GithubHelp logo

kishore007k / pet_animals Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 9.51 MB

This Project is creating an App compatible with both IOS & Android using the React-native framework under the topic Pet Animals Shop. This repo contains the Frontend of the app which is connected to the Backend using API key.

Home Page: https://expo.io/@kishore007k/projects/pet_animals

JavaScript 99.77% Shell 0.23%
react-native react expo expo-font expo-cli react-router react-router-dom pet-animals kishore

pet_animals's Introduction

Pet Animals Project:-

Primary Todo List:-

  • Download all custom fonts and centralize them.
  • Add all the assets like images, fonts, icons inside the app/assets folder
  • Centralize all colors and themes

Contribution Guide:-

  • All the codes/folders will be created inside the app folder from the root directory
  • All the assets should be kept inside the app/assets folder according to their categories
  • Different types of pages will be places inside the pages folder whereas the components folder will have all the components that are used in those pages

Rules:-

Before making the commit to the repo it should be tested and verified by all three members.

All the colors, gradients, fontSize & fontWeight that are used in this project are centralized and listed out in the app/assets/constants folder. Use these to apply colors and font styles to all the components and screens.

Members:-

  • Kishore
  • Vengadesh
  • Krishna

How to contribute:-

Follow the following steps carefully to contribute to this project

  • Fork the Project:-

    • Go to the Project Repository and click on the fork on the top right corner of the Repository.
    • This will fork the Project to your local Repository from there click on the code dropdown box and click on the Open with GitHUb Desktop
    • This will open the GitHub Desktop application on your PC/Laptop and prompt you with a cloning location.
    • Change the location to your desired location if you want or leave it be.
    • If the GitHub Desktop prompt you with a screen saying contribute to your own purpose or contribute to the parent Repo choose Contribute to the parent Repo
    • Once the cloning is done click on the Open in ${Your text editor} in my case Open in visual Studio Code
    • This will open the cloned repository inside the VSCode.
  • Git Commands to Commit the changes:-

    Never push your changes directly to the master branch

Follow the following steps carefully to contribute or make changes to the Project:

  1. git checkout development
  2. git checkout -b <Your branch name> This will create a new branch with your name. For example I will create a branch like git checkout -b kishore:feature
  3. Once you made all the changes give the following commands
  4. git add . This will add all the current changes to the stash.
  5. git commit -s -m "Your message" Instead of the your message type your commit message
  6. git push origin <your branch name>
  • PR (Pull Request):-

  1. Once the changes are pushed to your local Repo open your GitHub Repo, You will see a prompt saying create Pull Request
  2. click on that and you will be redirected to a new page with a window showing something like this In that choose the base fork as kishore/pet_animals and base as development and in the head fork choose the branch you created and in the compare choose the branch you created.
  3. Inside the Leave the comment Explain the changes/features that you added.
  4. Then click on the create pull request

Using Custom Fonts:-

To use the custom fonts import the fonts from app/assets/constants/fonts.js file and give

fontFamily: fonts.fontFamily.openSansRegular,

This will give the fontFamily as OpenSans with regular Size to that element. Similarly to add colors give

color: colors.primary,

pet_animals's People

Contributors

kishore007k avatar krish280700 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.