Skip to content

codingdud/PhotoFlow

Repository files navigation

PhotoFlow

Welcome to our React Native app project! This app is designed to provide users with a visually engaging platform to share and explore photos. With features like a home feed, profile tabs, and a splash screen, it offers a comprehensive social media experience focused on visual content.

Features

  • Home Feed: Users can scroll through a curated list of photos shared by others. Each photo comes with information about the user who posted it. See [HomePage.tsx] for implementation details.

  • Profile Tab: Offers a personalized view where users can see their own posts and manage their profile. Implemented in two versions: [ProfileTab.tsx] and [ProfileTab.tsx], with the latter including additional features like error handling for profile pictures.

Login/Sign Up Page

  • Functionality:
    • Simple front end for login and sign up.
    • No verification or JWT/cache functionality.
    • Allow login by entering a username and clicking the login button.
    • For demonstration purposes, you can use the following default credentials:

Screenshots

Below is a screenshot of the app in action:

App Screenshot 1 App Screenshot 2 App Screenshot 3 App Screenshot 4 App Screenshot 5 App Screenshot 6 App Screenshot 9 App Screenshot 10 App Screenshot 11 App Screenshot 12 App Screenshot 13 App Screenshot 14 App Screenshot 15 App Screenshot 16 App Screenshot 17

Note: The screenshots are actual screenshots of the app.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js
  • npm
npm install npm@latest -g

Installation

  1. Clone the repo
git clone https://github.com/codingdud/PhotoFlow
  1. Install NPM packages
npm install
  1. Start the app
npm start

Usage

For more examples, please refer to the Documentation

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request