Skip to content

Revature-MiniMint/front_end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Front End Documentation

The front end holds the various pages for the MiniMint Project. These pages allow the user to login,register, post, and view their profile. The posts a user makes can be liked, commented on by other users and reacted to.

Technologies Used

React

  • Axios
  • Redux and ReduxToolkit
  • Routes
  • Bootstrap
  • fortawesome

Node.js

Getting Started

  1. git clone https://github.com/Revature-MiniMint/front_end.git

  2. install all needed technologies

  • npm install

  • npm i bootstrap

  • npm i axios

  • npm i react-router-dom

  • npm install @reduxjs/toolkit react-redux

  • npm i font-awesome

  1. npm start

Page Walkthrough

Login page

login

register

Enter in your username and password to login or enter in the appropiate information into the register page.

Profile

This contains a list of options to alter a users profile

This will lead to the user selecting one of the options

  1. Profile Information page

profile

  1. Profile Image

profilepic

  1. Privacy Tab

privacyform

Posts

Main page CreatePostPage

post

Allows a user to make a post

On other users posts you can filter, react, up and down mints

fullpost