/nc-portfolio-fe

📱 An app for Northcoders graduates, allowing them to showcase work in a centralised space [Northcoders final project]

Primary LanguageJavaScript

🎓 Northcoders Portfolio 📽️



newsstand


Hello! 👋 Welcome to our app - Northcoders Portfolio.


💭 Description

Northcoders Portfolio is an app to help Northcoders graduates upload short video demonstrations of their projects to a centralised space that recruiters and employers can efficiently access and browse.

Typically, graduates are limited in visibility due to the size of their network or limited reach due to a change in sector. Additionally, recruiters and employers have limited time and resources, which further adds to the issue of visibility. We built this app with these challenges in mind, to alleviate frictions or barriers to visibility: allowing graduates to showcase their work, as well as reducing the workload on the employer side in finding newly-qualified graduates.

🤔 What Does It Do?

Users can:

  • ✍🏻 Sign up as a new user
  • 🔏 Log in as an existing user
  • 📖 Create and update their user bio (including external links to work: e.g. GitHub)
  • 🔼 🏷️ Upload new videos from their device's gallery (adding tags, title and video description)
  • 📺 View all videos in a Tik-Tok style feed
  • 🔍 🏷️ Filter videos by video tags
  • 🏠 View a dedicated user video feed in their profile
  • 👍 Vote on videos
  • ✅ 🗑️ Add and delete their comments on videos
  • 👀 Access other user's profiles
  • 🗑️ Delete their own videos

🧪 Technology

  • The app is built using React Native ⚛️

  • We've used Cloudinary as our cloud storage provider, which are brought down and rendered using the Expo-AV video player

  • Calls to the API are performed using Axios

  • User authentication is achieved by storing hashed passwords on the backend and using bcrypt to compare and verify the hashed passwords

🖥️ Running the App Locally

🚧 Before beginning setup, please check you have at least these versions of the following:

  • node - v. 16.13.1

After doing so, perform each step, in order:

💻 ➡️ 💻 Cloning the repository

git clone https://github.com/davidptclark/nc-portfolio-fe.git

🏗️ Install required packages

Simply run npm install to install the necessary dependencies required.

🖥️ 📲 Building and running the site

To build and run the site on your local machine, run npm start. After doing so, you'll need to use either the Expo Go app on your mobile device or an iOS/Android emulator on your local machine to run the app.