Pet Challenge

The goal of this project is to develop a web app to find your perfect pet.

This project is being managed here.

Note to myself! Use this for the next project.

Features

• Retreive pet profiles.
• Show a full profile.
• Mark "like" on profiles.
• 2 screens, minimum 3 profiles with: photo, name, description.
• Cool transitions! Fade in on load, carousels, etc.

Scaling the app

• Instaling SCSS + JS preprocessors.
• Split vars.scss into multiples files (colors, images, etc).

Stack

• ReactJS
• Firebase Realtime Database

Extra Libraries

• ESLint with Aribnb ruleset.
• Prettier.
• StyleLint.
• Reactstrap.
• React Router v4.
• Firebase.
• Sass.
• Helmet.
• Husky.
• React-Reveal.
• Jest.

• I won't install EditorConfig because I'm the only contributor.

Details

• Why I am using .js instead of .jsx. More discussion.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.\

npm run build

Builds the app for production to the build folder.\

Credits

• This project was bootstrapped with Create React App.
• Prettier & ESLint config from CRA+React Boilerplate.
• Images obtained from Unsplash: Alvan Nee, Erda Estremera, Berkay Gumustekin, Alwyn Gulzar, John Price, Jamie Street, Alexandra Iammerink.
• Vectors from FreeVector.
• Background from Tomislava Babić